在React中将状态传递给孩子

Question

我有一个部分组件，其中：

state = {
  text: '',
}

render() {
  return (
    <div>
        <SpecialTextBox text={this.state.text}></SpecialTextBox>
    </div>
}

我可以在可以访问它的子组件（SpecialTextBox）中访问this.state.text，但是更改它似乎并不会更新父组件中的值。

我正在为孩子的按键执行setState，它将为孩子而不是父母更新this.state。

我有什么误会？

Answer 1

是的，根据React文档，

状态类似于道具，但它是私有的，并由组件完全控制。

因此，您的子组件状态已更新，但父项状态未更新。 如果要更新父级的状态，可以

1. 将状态提升到父级组件，并将prop函数传递给子级组件，这将更新父级组件中的状态以及子级组件的状态，因为它将接收父级状态作为道具。

看到这里提升状态