穿過狀態兒童在反應

我有一個區段組件在那裏我有：穿過狀態兒童在反應

state = { 
    text: '', 
} 

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

我能夠訪問this.state.text的子組件（SpecialTextBox），在那裏我可以訪問它，但改變它似乎並沒有更新父級的值。

我正在做setState上按鍵的孩子更新this.state爲孩子，但不是父母。

我誤解了什麼？

讓我猜猜 - 你是傳遞一個原始值，因此它的副本？然後當你更新它 - 當然沒有發生在原件上。 – c69

查看https://reactjs.org/docs/lifting-state-up.html和https://reactjs.org/docs/forms.html。 –

@ c69我現在很好奇。你能澄清你的意思嗎？如果使用'this.setState'來更改'this.state.text'，一個字符串，爲什麼不更新'SpecialTextBox'的'this.props.text'？ – Andrew

是，按照該陣營文檔，

狀態類似於道具，但它是私有的，由組件完全控制。

因此，您的子組件狀態已更新，但不是父項的狀態。如果你想更新父的狀態，你可以

看到這裏Lifting State Up

2017-10-07 07:05:06 Jay

回答