react subcomponent 如何修改 props？

Question

当一个子组件需要改修父组件传来的props时候（想了一下的确有这种场景），可以在初始化的时候赋值给自己的 stateconstructor (props) {    this.state = {         foo: props.foo     } }然后在组件内部操作 state, 但是如果遇到父组件更新 props, 那么子组件的 constructor 是不会再调用的，那么就要这么写componentWillReceiveProps (nextProps) {    this.setState({ foo: nextProps.foo }) }这样写是不是有点麻烦，还是我没有理解其中的真谛。

Answer 1

1. props 是只读的

2. 你可以在 render 里进行转换

3. 你这样用是不对的，按照你这样，经过 props 转换的 state 既可以由子组件改变，也会被父组件的 props 改变，不符合 react 的设计原则。

Answer 2

子组件通过父组件传下来的方法修改父组件自身的 state 。