問題タブ [react-bootstrap-table]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

358 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
3589 参照

javascript - react-bootstrap-table でボタンを条件付きでレンダリングする方法は? (各行のボタン)

react-bootstrap-tableデータベースのrow.idとitem.idを比較して、条件付きでボタンをレンダリングしようとしています。

dataFormat小道具を使用してボタンを追加することはできましたが、条件付きでボタンを表示するのに問題があります

  • テーブルを使用して、データベースから取得したグループを表示しています。
  • すべてのグループをフェッチしたら、それらの ID (row.id) をデータベースにあるグループと比較します。
  • それらが一致する場合、私は表示しますButton1
  • 一致しない場合は表示しますButton2

私は多くの試みを試みましたが、私の解決策は私に望ましい結果を与えていません

これが私のコードです:

  • データベースに既に 8 つのグループがある場合、8 つのグループのボタンはred、他のボタンとは異なるテキストにする必要があります。

  • グループがデータベースにない場合、そのボタンはblue

    /li>

私が試した別の失敗したバリエーション：

ここに画像の説明を入力


12345678910