react基础以及各个方面知识店等。一方面作为学习总结,另一方面也方便查阅,总结并无严格顺序,每天遇到则加上。
解构赋值
react 中遵循es6标准导入导出 解构赋值
必须是导出多个class变量,或者是两个不同的class变量,然后用一个对象包括着设置属性和值
子组件向父组件传递数据(通过传递回调函数
)
react 变量与props/state
保持state的简洁,不要出现计算得来的state。变量当然可以在render里面,任何自定义辅助函数里面用ver let const声明和使用,并不是都要写在props和state里面。props更多是为了传递数据,配置,state是状态管理,所以没有必要把函数内部变量声明到全局,受angular2思维影响
// WRONG: constructor (props) { this.state = { listItems: [1,2,3,4,5,6],itemsNum: this.state.listItems.length }; } render() { return ( <div> <span>{this.state.itemsNum}</span> </div> ) } // Right: render () { var itemsNum = this.state.listItems.length; }