React之 Props与State

Props和State

1. Props

  props就是properties的缩写，你可以使用它把任意类型的数据传递给组件。

你只能在子组件上或者组件树外调用setProps ，千万别调用this.setProps或者直接修改this.props，如果真的 需要，请使用state。
可以通过this.props访问props，但绝不能通过这种方式修改它，一个组件绝不可以自己修改自己的props

2. State

  每一个React组件都可以拥有自己的state，state与props的区别在于前者只存在于组件的内部。
  千万别直接修改this.state，永远记得要通过this.setState方法修改

放在state和props的各是那些部分：

  不要在state中保存计算出的值，而应该只保存最简单的数据，即那些组件正常工作时的必要数据，比如checkbox的勾选状态，select下拉列表是否显示的值，输入框的值等。
  不要尝试把props复制到state中，要进可能把props当做数据源。

1. 使用props在整个组件树中传递数据和配置2. 避免在组件内部修改this.props或调用this.setProps，请把props当做是只读的3. 使用props来做事件处理器，与子组件通信4. 使用state存储简单的视图状态，比如说下拉框是否的状态5. 使用this.setState来设置状态，而不要使用this.state直接修改状态