- props 为传入组件的参数，全称 properties
- state 为内部状态管理
- 基于 class 的 react 组件：onClick={() => alert('click')} 回调函数用大括号包裹，并且必须使用剪头函数。参考 value={this.state.squares[i]}，可见react jsx语法是用大括号来包裹 html 属性变量，而 vue 则是在属性名前加：，都是为了显式区分属性变量。而在基于函数的组件中，onClick={props.onClick}，就不需要箭头函数的写法了。
- 浏览器辅助插件 React Devtools extension
- Lifting State Up，子组件与兄弟组件共享状态，或者子组件与父组件共享状态的策略。方法是通过属性变量 onClick={() => this.handleClick(i)}，将父组件的函数传递给子组件。在子组件中，就可以通过 props 来获取父组件的对应函数。显示时，也是直接使用 props 传递来的变量。所以，这就是为何 typescript 中要对 props 添加 type 类型校验。如果不校验，则 props 会失去控制。但是如何对函数型参数进行校验呢？
- return 后的小括号，是为了防止 js 为多行 jsx 代码加上分号。方便阅读。
- setState 来修改内部状态值，界面会自动同步变化。类似小程序中的 setData
- Function Components：以函数的形式写 react 组件，而非 class。接收参数为 props；return jsx 布局。可读性相比 class 要高的多。
参考
https://reactjs.org/tutorial/tutorial.html
关于作者 🌱
我是来自山东烟台的一名开发者，有敢兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式
