react学习总结

1.如果通过CDN方式引入React，建议设置crossorigin属性，可以有更好的错误处理体验

<script crossorigin src="..."></script>

2.JSX可以防注入攻击

3.JSX就是用<></>或</>来代表元素，底层其实也是调用了createElement

4.大多数 React 应用只会调用一次 ReactDOM.render()

5.组件有两种形式：函数组件和class组件

function Welcome(props){
	return <h1>Hello {props.name}</h1>
}

class Welcome extends React.Component{
	render() {
		
		return <h1>Hello {this.props.name}</h1>
	}
}

6.组件名称必须以大写字母开头

7.当有多个原生标签组合时，可以进行组件提取

8.componentDidMount() 方法会在第一次组件已经被渲染到 DOM 中后运行

9.State 的更新可能是异步的 ，不要依赖他们的值来更新下一个状态，正确的做法如下:

this.setState(function(preState, preProps) {
  return {
    counter: preState.counter + preProps.increment
  };
});

this.setState((preState,preProps)=>({
	counter:preState.counter+p