React组件的三种写法

《React组件的三种写法》由会员分享，可在线阅读，更多相关《React组件的三种写法（2页珍藏版）》请在装配图网上搜索。

1、React组件的三种写法React专注于view层，组件化则是React的基础，也是其核心理念 之一，一个完整的应用将由一个个自立的组件拼装而成。截至目前React已经更新到V15.4.2,因为ES6的普及和不同业务场景的影响，我们会发觉目前主要有三种创建React组件的写法：1. ES5React. createClass, 2. ES6 写法 React. Component, 3. 无状态 的函数式写法（纯组件-SFC） o你们最钟爱哪种写法呢？萝卜青菜各有所爱、每个团队都有自己的代 码规范和开发模式，但书写React组件时都会以提高代码阅读性、更 优的组件性能、易于bug追踪为原则。下

2、面我们就聊聊这三种写法的 区分，以及各自所适用场景的最佳实践。ES5-写法 React. createClassReact. createClass不用多说，我们最早用法这个办法来构建一个组 件类，它接受一个对象为参数，对象中必需声明一个render办法， render返回一个组件实例，下面用一个SwitchButton组件的例子来 看看React. createClass的详细使用： var React = require (1 react1)；var ReactDOM =requirereact-dom1)；var SwitchButton =React. createClass ( getDefaultProp：function () return open：false , getlnitialState： function() return open：this.props.open ； , handleClick： function (event)