問題タブ [react-bootstrap-table]

react-bootstrap-table (var ReactBsTable = require("react-bootstrap-table")) を使用しています。
クリックすると、このボタン行に対応するIDまたは行データを表示するボタンを追加しようとしました。jqueryを使用しましたが、ボタンにIDを付けましたが、これらのボタンはすべて同じID（validatebutton）を持つため、最初の1つだけが機能し、残りは機能しません。多くのコンポーネントに同じIDを設定できないためです。

任意のアイデアをお願いします。

Flask サーバーで React を使用しており、ユーザーが情報を入力できるテーブルがあります。この子テーブルtableDataは、ユーザーがセルを編集したり、新しい行を追加したり、行を削除したりすると、MainApp の状態を更新します。

私の問題はimage、画像の URL を格納するために MainApp の状態を使用していることです (この URL にはハッシュも含まれているため、クライアントが情報を要求するたびに変更されます)。ただし、tableDataユーザーがテーブルを更新すると変更されるテーブル情報を保存するために、MainApp の状態も使用しています。これはcomponentWillUpdate、イメージ blob を取得し、それを URL に変換して state を更新する呼び出しを行いますimage。componentWillUpdateこれは、再帰呼び出しにつながると想像できるように、順番に呼び出します。Reactのドキュメントには、 setStateinsideを呼び出さないと記載されていますcomponentWillUpdate。これを行うための推奨される方法が何であるかについて興味があります。

私の意図した動作は、ユーザーがテーブルのセルを編集し、MainApp がテーブル情報と共にサーバーに要求を送信し、MainApp が画像を受け取り、それに応じてページを更新することです。imageURL を保存するために状態を使用すべきではありませんか?

これを行う 1 つの方法は、globalVariable (複数回呼び出される) に基づいたロジックで使用および使用するsetStateことcomponentWillUpdateですが、これはおそらく推奨されるアプローチではないと確信しています。shouldComponentUpdateshouldComponentUpdate

Mongo データベースは、ネストされたデータを含む配列を返す可能性があります。{applications: {data: {description: 'My description}}} に含まれるデータを表示したい

しかし、それはまったく機能しません。どうすればよいか、アイデアはありますか?ドキュメントにもSOにも何も見つかりませんでした。

ご協力ありがとう御座います ;）

反応ブートストラップ テーブルを使用して、info配列に保存されているデータを表示しています。

一部の行には追加のプロパティが含まれている場合がありますoldPrice。これは、表示されている価格の上にツールチップとして表示したいと考えています。どうやってやるの？

ブラウザページでテーブルを直接編集し、ページをリロードした後にデータを保存する方法。テーブルはreact bootstrap tableを使って作成しています。プロジェクトのスクリーンショットはこちら。スクリーンショットのように編集して保存する

私のプロジェクトのコードはこちらです。

反応ブートストラップはこちら

コードでこの短い例のスニペットを使用します

そして、すべてが完璧に機能します。テーブルがあり、データがあります。しかし (!) Chrome コンソールに次の警告メッセージが表示されます。

一方、独自の要素を使用すると、警告は表示されません..
何が問題なのですか? 修正方法は？