1、不要直接操作state里的值,会特别影响性能;
建议:局部定义变量赋值state数据,操作完成之后再将局部变量赋值给state;
this绑定在constructor有有利于性能优化
2、数据源定义
3、注释写法
4、label for
5、vs小工具
simple react: (a、imrc——import引入react;b、cc——class类声明);
6、父子组件传值
父子传递方法(函数):
7、父子组件传值校验(若不校验容易引起业务逻辑错误,较难排查)
import PropTypes from 'prop-types' (引入校验)
子组建里在class类的外面书写(必传值、传值类型、必传值默认值设定,其他设置见官网)
8、react项目调试工具 react developer tool
参数传值、组件结构 一目了然。
9、react是函数式编程
render(){ return ( )}也是函数
优点:代码结构清晰、有利于实现前端自动化测试。
10、react可以与第三库结合使用。