react学习总结

react基础以及各个方面知识店等。一方面作为学习总结，另一方面也方便查阅，总结并无严格顺序，每天遇到则加上。

解构赋值

react 中遵循es6标准导入导出 解构赋值必须是导出多个class变量，或者是两个不同的class变量，然后用一个对象包括着设置属性和值

子组件向父组件传递数据（通过传递回调函数）

setState一般与回调函数成对出现，回调函数是转换内部状态时的函数传统

• 父组件定义函数方法。通过属性传入回调函数，供子组件需要时调用

• 子组件通过this.props.handleChange作为回调函数进行调用（中间都有其他函数进行转换）

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;
    }