問題タブ [react-bootstrap]

私は使っている：
'react-bootstrap'

すべてが機能しますが、NavBar が折りたたまれていません。選択したときに折りたたむ方法を知っていますか?

ありがとう

React-bootstrap を現在の Rails プロジェクトに統合したいと考えています。私は ReactJS を初めて使用するので、react-bootstrap ライブラリを使用すると少し簡単になると思いました。ただ、構成はかなり難しいと思います。これには gem があると思われますが、README の指示に従うと、「許可が拒否されました」というエラーがスローされます。react-bootstrap 構文がなくても機能する、react-bootstrap Web サイトから切り取ったものを試しました。ただし、Bower、npm、rails-assets gem などを使用して試したすべてのソリューションでは、react-bootstrap 構文がレンダリングされません。これは私のホームページにレンダリングされない私の Button.js.jsx ファイルです:

ヒントや提案は大歓迎です！

私は最初のReactアプリに取り組んでおり、ユーザーインタラクティブなポップオーバーを実装する方法に苦労しています。はい/いいえボタンを含むポップオーバーが必要なビジネス要件があります。このポップオーバーは、ビュー内のテーブルの行にあるボタン (「pobtn」) によってトリガーされます。

View、Table、および Row はすべてコンポーネントです。テーブル データは View で取得され、小道具を介して Table にプッシュされます。それは Row に細流します。これは、それを行う「正しい方法」であり、理にかなっています。そこには地方の州はあまりありません。

問題はポップオーバーに伴います。それを行う「正しい方法」は、各ボタンの横にポップオーバーコンポーネントを含め、非表示/表示のために小道具を押し下げるように思われると思います。これはあまり素晴らしいとは思えませんが、私の頭の中で正しい方法に近いものです。

ただし、react-bootstrap ポップオーバー (時間のために使用した) は、このようには機能しないようです。

トリガー ボタンをクリックすると、本体にアタッチされた DIV が作成され、通常の動作 (非反応) と同様に、トリガー要素の隣に配置されます。DIV を別のコンテナーにアタッチできるように見えますが、それは十分に文書化されていません。とにかく、オーバーレイ コンテンツ (つまり、MyRowPopoverContent) は次のようなものです。

関数の実装を開始し、handleYesClickエラー処理や非同期イベントなどを実行しようとしましたが、すべてが非常に大ざっぱであるか、少なくとも壊れやすいようです。問題は次のとおりだと思います: インタラクティブなポップオーバーが必要なのですが、どうすればよいですか? ポップアップはボタンまたは行のローカル状態の一部であるように思われます。または、ほとんどの場合と同様に、これが一番上に忍び寄る可能性があります。

react-bootstrap は既に 1 つを提供しているので、それを使用すると便利ですが、他のすべてのものと「接続」する方法がわかりません。

更新:ケーキになる単純な静的ポップオーバーの場合。小道具を介して表示/非表示にし、クリックするpobtnのは非常に簡単です。私が苦労している部分は、ポップオーバー内のインタラクティブなコンテンツです。何か(ストアを更新するイベントなど) を実行したり、スピナーを表示したり、何かが機能したかどうかを判断したり、エラー メッセージを表示したり、消えたりします。「いいえ」ボタンをクリックしてポップオーバーを非表示にすることでさえ明確ではありません（現在、jQueryと.click()ボタンをもう一度使用して見つけました）親からの小道具を介してすべてを行うのは怖いようです...

を使用してプロジェクトを作成し、その中でnpm使用したいreact-bootstrap。私はpackage.json次の依存関係を持っています。

実行すると、次のようnpm installになります。

正常にインストールされていますか? 私の中app/main.jsxにボタンがあります：

を実行するnpm run buildと、次のようになります。

私はどこでそれを間違っていますか？