При динамическом задании свойства show вact-table не отображаются и не скрываются столбцы наоборот.

Question

Я использую реагирующую таблицу для сетки данных. Я реализую значок настроек, который показывает список столбцов и, в зависимости от выбора, столбец отображается или скрывается. Я манипулирую "показать" свойство объекта столбцов для этого. Пока свойство устанавливается правильно, в таблице нет таких изменений. Может ли кто-нибудь помочь мне с этим.

Но когда я устанавливаю свойство напрямую (в компоненте приложения), оно работает. Куда я иду не так?

Код Песочница: https://codesandbox.io/s/blue-cherry-di3ub

Помощь будет оценена

Answer 1

Проблема в вашем Select

this.props.handleSetState(this.props.data)

this.props.data является неизменяемой, поэтому вы просто отправляете те же данные, которые поступили. Поток props.data в новый объект, а затемотправить это обратно родителю.

ETA: Примерно так ...

    let updatedObj = this.props.data.map((obj, i) => {
      if (obj.accessor === value[i]) {
        obj.show = false
      }
      return obj
    })
    this.props.handleSetState(updatedObj);