react 基础知识要点

1.组件名称必须以大写字母开头。 eg:<Welcome /> 表示一个组件
2.Props的只读性 所有的React组件必须像纯函数那样使用它们的props。
3.生命周期 componentDidMount挂载 componentWillUnmount卸载
4.setState() 这里有三件事情需要知道
(1).不要直接更新状态 // Wrong this.state.comment = 'Hello';
(2).状态更新可能是异步的 因为 this.props 和 this.state 可能是异步更新的， 你不应该依靠它们的值来计算下一个状态。
// Correct
this.setState((prevState, props) => ({
counter: prevState.counter + props.increment
}));
(3).状态更新合并
5.React事件绑定属性的命名采用驼峰式写法，而不是小写。<button onClick= {activateLasers}>
Activate Lasers
</button>
(1). React 中另一个不同是你不能使用返回 false 的方式阻止默认行为。你必须明 确的使用 preventDefault
6.阻止组件渲染 让 render 方法返回 null 而不是它的渲染结果即可实现。组件的 render 方法返回 null 并不会影响该组件生命周期方法的回调。例如，componentWillUpdate 和 componentDidUpdate 依然可以被调用。
7.渲染多个组件
8.{props.children} 组件使用 children 属性将子元素直接传递到输出。组件中有多个入口 可以使用自己约定的属性
9.特殊实例 React 中，这也是通过组合来实现的 ,继承呢
10.React 理念
11.属性默认为“True” 如果你没有给属性传值，它默认为 true 一般情况下，我们不建议这样使用
12.属性默认值 你可以通过配置 defaultProps 为 props定义默认值：
13.组件可以通过重写这个生命周期函数shouldComponentUpdate来提升速度， 它是在重新渲 染过程开始前触发的。 这个函数默认返回true，可使React执行更新： shouldComponentUpdate(nextProps, nextState) {
return true;
}

14.Fragments Fragments 可以让你聚合一个子元素列表，并且不在DOM中增加额外节点。类似于vue 的template