私はデータグリッドの目的でreact-tableを使用しています。列のリストを表示する設定アイコンを実装しています。選択に基づいて、列が表示または非表示になります。このためにcolumnsオブジェクトの「show」プロパティを操作しています。プロパティが適切に設定されている間、テーブルにそのような変更はありません。誰かがこれで私を助けることができますか?
しかし、プロパティを直接(アプリコンポーネントで)設定すると、機能します。どこが間違っているのですか?
コードサンドボックス:https://codesandbox.io/s/blue-cherry-di3ub
助けていただければ幸いです
問題は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);
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加