嘗試從子級更改父級 state 時，父級 State 未更新。 （將處理程序作為道具從父母傳遞給孩子）

Question

我知道要從孩子更改父母的 state，我們需要將處理程序從父母傳遞給孩子。 我正在嘗試從孩子更改父母的 state 但由於某種原因，父母的 state 沒有更新。 這是下面的代碼

https://codesandbox.io/s/hungry-raman-6jiwz?fontsize=14 。

基本上，當我單擊表格中的每個名稱時，如果相應的狀態為“草稿”，則必須彈出https://ant.design/components/drawer/否則只有名稱。 彈出抽屜后，如果我關閉抽屜，那么我試圖用

id:''
visible:false

關閉抽屜，但由於某種原因，父級的 state 未更新，因此關閉抽屜表后顯示名稱為空。

我的要求是在抽屜關閉后顯示桌子的名稱。

任何幫助，將不勝感激...

Answer 1

您的車工操作員不正確

將列數組中的第一個條目更改為此

{
  title: "Name",
  dataIndex: "name",
  key: "name",
  render: (text, i) => (
    <a
       onClick={() => {
         this.setState({ id: i.key });
       }}
    >
     {this.state.id == i.key && i.status == "Draft" && <Test reset={this.reset} text={text} />}
     {text}
    </a>
  )
},

您有文本變量或彈出窗口，但您需要文本變量和彈出窗口。

所以代替boolean? truthy value: falsey value boolean? truthy value: falsey value

您只需要boolean && truthy value