問題タブ [react-bootstrap-table]

ユーザーがデータベースから何人かの人を選択してテーブルに追加できるように、提案をオートコンプリートするためのモジュールを使用しています。反応のカスタム反応テーブルの上でうまく機能しています。問題は、そのオートコンプリートフィールドをモーダルでは、モーダルに追加できませんでした。これは主に、テーブルのすべてのフィールドのフォームをレンダリングするため、そのモーダルが原子的に作成されているかどうかがわからないためですが、必要なのはその 1 つのオートコンプリート フィールドだけです。

オートコンプリート モジュールはhttp://react-autosuggest.js.org/で、git リポジトリはhttps://github.com/moroshko/react-autosuggest#installation 、反応テーブル モジュールはリポジトリhttpの react-bootstrap-table です。://allenfang.github.io/react-bootstrap-table/

テーブルの新しいインスタンスを作成してそこでモーダルを変更する必要があるのか​​ 、それとも必要なフィールドを挿入できるメソッドを呼び出す必要があるのか​​ 疑問に思っていました。

これはそれほど深い質問ではなく、単に「正しい方法」の問題であることはわかっています

どうもありがとうございます。

プロジェクト内の多くのテーブルを、bootstrap 4 でスタイル設定された単純な HTML テーブルから、react-tableまたはが提供するようなより洗練されたソリューションに移行中react-bootstrap-tableです。

問題は、私がこのコンポーネントで見たものから、行の内容をカスタマイズしたい場合、たとえば、各行に「詳細」ボタンを指定したい場合は、列コンポーネントを介して（セル参照)。

反応ブートストラップ テーブル: https://allenfang.github.io/react-bootstrap-table/example.html#column-format

反応テーブル: https://github.com/react-tools/react-table#custom-cell-header-and-footer-rendering

私が知りたいのは、行全体のレンダリングを一元化するコンポーネントを作成できるかどうかです (例: <TableRow />) ?

これが可能であれば、移行ははるかに簡単になります。

また、これら 2 つのライブラリについても質問しています。どちらも使いやすく、非常に成熟しており、テーブル コンポーネントで探している機能を備えているからです。そのため、必要なものが 1 つあれば、他のライブラリよりも確実にそのライブラリを選択します。

react-bootstrap-table の「Click here to view」ボタンをクリックしてモーダルをロードしようとしています

誰でも私を助けることができますか？セルのモーダル onClick をロードするにはどうすればよいですか

API呼び出しを行うためにreact-reduxを使用しています。問題は、新しい行を保存/挿入するときにアクションが実行されたら、アクションの結果を取得する方法です

コードはオンラインhttps://codesandbox.io/s/o5430k7p4zで、問題のファイルはcomponents/services/index.js