問題タブ [react-bootstrap]

次の反応コンポーネント構造があります。

• マイエディター
  • ブートストラップ タブ
    • コンポーネント グリッド
      • 画像1
      • 画像2
      • 画像 ×

myEditor コンポーネントには、状態を設定する componentSelected() 関数があります。すべてのコンポーネントを記述したアプリでは、コンポーネントのツリーを介して componentSelected() 関数をプロップとして渡し、画像オブジェクトから呼び出すだけです。

componentSelected={this.props.componentSelected}

ただし、このアプリではサードパーティのコンポーネントを使用しています。正確にはブートストラップタブ。componentSelected() 関数をサードパーティ コンポーネントを介してその子コンポーネントに渡して、それらのコンポーネントを呼び出せるようにするにはどうすればよいですか?

これは別の質問につながります。Reactを誤解していますか？小道具としてコンポーネントに渡すことなく、React コンポーネント ツリーの関数を呼び出すことはできますか? もしそうなら、どのように？

ありがとう！

http://react-bootstrap.github.io/components.html#modals - 「show.bs.modal」ではなく「shown.bs.modal」のトリガー イベントを見つける方法を探しています。

一部のブートストラップ モーダル イベントに関するドキュメントはありません: http://getbootstrap.com/javascript/#modals-events

私はそれをjQueryで脇に置いてハックしようとさえしましたが、これもうまくいきません。

「表示中」イベントをトリガーする方法はありますか? react-bootstrap ソースにも何も見つかりません。

私のfluxアプリで、react-bootstrapをインストールしようとすると、エラーが発生しましpeerinvalid Peer react-bootstrap@0.24.3 wants react@>=0.13た。

私のpackage.jsonで反応するのは"react": "^0.13.3"

エラー：

React Bootstrapを使用していますが、OverlayTrigger/Popover の使用中に問題が発生しています。ポップオーバーを閉じて再度開くと、状態<ComponentWithState />が破棄されます。

問題の実例。複製するには: ボタンをクリックし、リンクをクリックして、テキストが「状態: オフ」から「状態: オン」にどのように変化したかを確認します。ポップオーバーを閉じて (横をクリックするか、ボタンを再クリック)、ボタンを再クリックしてポップオーバーを開きます。テキストに「状態: オフ」と表示されていることに注目してください。状態が持続しませんでした (「状態: オン」とは言いません)。

ポップオーバーを閉じる/再開する間、状態を持続させる方法を考えていますか?

react-bootstrapライブラリ<Panel>で定義された要素があります。パネルをヘッダー付きでボディなしでレンダリングするにはどうすればよいですか?

と

私にちょうど与える

panel-bodyクラスで不要なdivを削除するにはどうすればよいですか?

私が構築している小さなアプリケーションの場合、2 つのボタンが連続して必要です。アプリケーションはreactjs上に構築されているため、私はreact-bootstrapを使用しています。

デスクトップでは全体がうまく機能しますが、モバイル デバイスでは最後の 2 つのボタンが次のように相互に移動します。

この問題は、最後の 2 つの列にボタンが含まれている場合にのみ発生するようです。

最後の 2 つの列のコード:

ボタンのコード:

これを修正する方法を知っている人はいますか？

react-bootstrap Input タグを装飾する react -bootstrap-validationを使用しています。

ValidatedInput は Form コンポーネント内にある必要があります。ValidatedInput をカスタム サブ コンポーネントに追加すると、フォーム内にある必要があるというエラーが表示されますが、ツリーのさらに下にあると思われるため、フォームが表示されません。

ValidatedInput が親を参照できるように、親フォームを参照する方法はありますか。

Validation lib のソースを見ると、ValidationInput をフォームに登録する必要があることがわかりますが、サブ コンポーネントからこれを行う方法がわかりません。