React方法

render(): 

　　render()方法是class组件中唯一必须实现的方法

　　当render被调用时，他会检查 this.props 和 this.state 的变化，并返回以下类型之一：

　　　　· React元素。通常通过JSX创建。例如，<div />会被React渲染为DOM节点，<MyComponent />会被React渲染为自定义组件，无论是<div />还是<MyComponent />均为React元素。

　　　　· 数组或fragments。 使得 render 方法可以返回多个元素。

　　　　　　Fragments: React中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组，而无需向 DOM 添加额外节点.

　　　　· Portals。 可以渲染子节点到不同的DOM子树中。

　　　　· 字符串或数值类型。 它们在DOM中会被渲染为文本节点

　　　　· 布尔类型或null。 什么都不渲染。

　　render()函数应该为纯函数，意味着在不修改组件state的情况下，每次调用都返回相同的结果，并且它不会直接与浏览器交互。

　　如需与浏览器进行交互，请在 componentDidMount() 或其他生命周期方法中执行你的操作。保持 render() 为纯函数，可以使组件更容易思考。

 

constructor(): 

　　constructor(props)

　　如果不初始化state或不进行方法绑定，则不需要为React组件实现构造函数 

　　在React组件挂在之前，会调用它的构造函数。在为React.Component子类实现构造函数时，应在其他语句之前调用super(props)。否则，this.props在构造函数中可能会出现未定义的bug。

　　在 React 中，构造函数通常仅用于以下两种情况：

　　　　· 通过给 this.state 赋值对象来初始化内部state 

　　　　· 为事件处理函数绑定实例

　　在构造函数中为 this.state 赋值初始 state；其他方法中赋值，应使用 this.setState() 替代  

　　　　constructor(props) {

　　　　　　super(props);

　　　　　　this.state = { textValue: 1 }

　　　　}

　　　　render() {

　　　　　　const a1 = 2

　　　　　　this.setState = { textValue: a1 }

　　　　}