react-tableのshowプロパティを動的に設定しても、列が表示または非表示になりません。

vr12

私はデータグリッドの目的で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]

編集
0

コメントを追加

0

関連記事

分類Dev

Babel React変換:プロパティ値は文字列のタイプを予期していましたが、nullになりました

分類Dev

React-検証エラーのメッセージをフォームに表示するように状態を設定すると、次のようになります:undefinedのプロパティ 'setState'を読み取れません-なぜですか?

分類Dev

React Component div idは、マップループで使用されているものを非表示にしません

分類Dev

受信した同期配列のすべてのプロパティがReact-Reduxに設定されるまで待つ方法は?

分類Dev

Typescript React:小道具の共用体タイプは、過剰なプロパティを提供するときにエラーを表示しません

分類Dev

ここで、reactリンクを介してパラメータを渡すときに少し問題が発生しました。「TypeError:undefinedのプロパティ 'location'を読み取れません」というメッセージが表示されます。

分類Dev

CSSのbackground-clipプロパティは、背景が動的に変化しているときにReactに適用されません

分類Dev

TypescriptでReactのonClickプロパティに関数を割り当てることはできません

分類Dev

ReactのParticlesJSコンポーネントはメディアクエリで非表示になっていますが、表示に戻っていません

分類Dev

react の componentWillReceiveProps は、トリガーしても現在のプロパティを渡しません

分類Dev

React:React Projectのドロップダウン要素にメディアクエリを設定する必要がありますが、スタイル付きコンポーネントを使用して設定する方法がわかりません

分類Dev

recomposeで定義した場合、プロパティはReactコンポーネントに存在しません

分類Dev

React UseRouteComponentProps-タイプ '{}'には、タイプ 'Readonly <RouteComponentProps <{}の次のプロパティがありません。

分類Dev

React-router:TypeError:undefinedのプロパティ 'props'を設定できません

分類Dev

React:nullのプロパティ 'lastEffect'を設定できません

分類Dev

React 16のタイプ 'DetailedHTMLProps、HTMLDivElement>'にプロパティが存在しません

分類Dev

React 16のタイプ 'DetailedHTMLProps、HTMLDivElement>'にプロパティが存在しません

分類Dev

React 16のタイプ 'DetailedHTMLProps、HTMLDivElement>'にプロパティが存在しません

分類Dev

Reactは未定義のプロパティ「長さ」を読み取ることができませんが、配列は定義されています

分類Dev

セマンティック-UI-Reactグリッド列のパディングは列をインラインに設定しません

分類Dev

プロパティ「value」は、React TestingLibraryのタイプ「HTMLElement」に存在しません

分類Dev

React-setStateによってオブジェクトのプロパティを設定します

分類Dev

reactで新しいプロパティを割り当てることができません、「プロパティxxxを追加できません、オブジェクトは拡張できません」を取得しました

分類Dev

react-routerのbrowserHistoryには場所やその他のプロパティがありません

分類Dev

console.log が必要なプロパティを持つオブジェクトを明確に示しているにもかかわらず、オブジェクト プロパティにアクセスできません (React Redux)

分類Dev

react-springを使用したTypescript。プロパティ 'interpolate'はタイプ 'number'に存在しません

分類Dev

React Typescriptを使用した状態:プロパティはタイプ 'IntrinsicAttributes&IntrinsicClassAttributesに存在しません

分類Dev

状態の代わりに小道具を使用しているにもかかわらず、React-reduxで未定義のエラーのプロパティ「マップ」を読み取ることができません

分類Dev

React + Typescript:プロパティ*がタイプ*にありません

Related 関連記事

  1. 1

    Babel React変換:プロパティ値は文字列のタイプを予期していましたが、nullになりました

  2. 2

    React-検証エラーのメッセージをフォームに表示するように状態を設定すると、次のようになります:undefinedのプロパティ 'setState'を読み取れません-なぜですか?

  3. 3

    React Component div idは、マップループで使用されているものを非表示にしません

  4. 4

    受信した同期配列のすべてのプロパティがReact-Reduxに設定されるまで待つ方法は?

  5. 5

    Typescript React:小道具の共用体タイプは、過剰なプロパティを提供するときにエラーを表示しません

  6. 6

    ここで、reactリンクを介してパラメータを渡すときに少し問題が発生しました。「TypeError:undefinedのプロパティ 'location'を読み取れません」というメッセージが表示されます。

  7. 7

    CSSのbackground-clipプロパティは、背景が動的に変化しているときにReactに適用されません

  8. 8

    TypescriptでReactのonClickプロパティに関数を割り当てることはできません

  9. 9

    ReactのParticlesJSコンポーネントはメディアクエリで非表示になっていますが、表示に戻っていません

  10. 10

    react の componentWillReceiveProps は、トリガーしても現在のプロパティを渡しません

  11. 11

    React:React Projectのドロップダウン要素にメディアクエリを設定する必要がありますが、スタイル付きコンポーネントを使用して設定する方法がわかりません

  12. 12

    recomposeで定義した場合、プロパティはReactコンポーネントに存在しません

  13. 13

    React UseRouteComponentProps-タイプ '{}'には、タイプ 'Readonly <RouteComponentProps <{}の次のプロパティがありません。

  14. 14

    React-router:TypeError:undefinedのプロパティ 'props'を設定できません

  15. 15

    React:nullのプロパティ 'lastEffect'を設定できません

  16. 16

    React 16のタイプ 'DetailedHTMLProps、HTMLDivElement>'にプロパティが存在しません

  17. 17

    React 16のタイプ 'DetailedHTMLProps、HTMLDivElement>'にプロパティが存在しません

  18. 18

    React 16のタイプ 'DetailedHTMLProps、HTMLDivElement>'にプロパティが存在しません

  19. 19

    Reactは未定義のプロパティ「長さ」を読み取ることができませんが、配列は定義されています

  20. 20

    セマンティック-UI-Reactグリッド列のパディングは列をインラインに設定しません

  21. 21

    プロパティ「value」は、React TestingLibraryのタイプ「HTMLElement」に存在しません

  22. 22

    React-setStateによってオブジェクトのプロパティを設定します

  23. 23

    reactで新しいプロパティを割り当てることができません、「プロパティxxxを追加できません、オブジェクトは拡張できません」を取得しました

  24. 24

    react-routerのbrowserHistoryには場所やその他のプロパティがありません

  25. 25

    console.log が必要なプロパティを持つオブジェクトを明確に示しているにもかかわらず、オブジェクト プロパティにアクセスできません (React Redux)

  26. 26

    react-springを使用したTypescript。プロパティ 'interpolate'はタイプ 'number'に存在しません

  27. 27

    React Typescriptを使用した状態:プロパティはタイプ 'IntrinsicAttributes&IntrinsicClassAttributesに存在しません

  28. 28

    状態の代わりに小道具を使用しているにもかかわらず、React-reduxで未定義のエラーのプロパティ「マップ」を読み取ることができません

  29. 29

    React + Typescript:プロパティ*がタイプ*にありません

ホットタグ

アーカイブ