尝试从子级更改父级 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