Родительское состояние не обновляется при попытке изменить родительское состояние с дочернего. (передача обработчика в качестве реквизита от родителя к ребенку)

Question

Я знаю, что для изменения состояния родителя от ребенка нам нужно передать обработчик от родителя к ребенку. Я пытаюсь изменить состояние родителя от дочернего, но по какой-то причине состояние родителя не обновляется. Вот код ниже

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

В основном, когда я нажимаю на каждое имя в таблице, https://ant.design/components/drawer/ должен появиться, если соответствующий статус - «Черновик», в противном случаетолько имя. После открытия ящика, если я закрываю ящик, то я пытаюсь изменить состояние родителя с помощью

id:''
visible:false

, чтобы ящик был закрыт, но по какой-то причине состояние родителя необновляется и по этой причине после закрытия таблицы выдвижных ящиков отображается пустое имя.

Мое требование - отображать имя таблицы после того, как выдвижной ящик закрыт.

Буду признателен за любую помощь ...

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>
  )
},

У вас была текстовая переменная или всплывающее окно, но вам нужна текстовая переменная иpopup.

Так что вместо boolean ? truthy value : falsey value

Вам нужны только правдивые boolean && truthy value