問題タブ [react-bootstrap]

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.

0 投票する
1 に答える
4147 参照

javascript - react-bootstrap を使用したドロップダウンはビルド静的ファイルでは機能しますが、Web サーバーで提供された場合は機能しません

react-bootstrap と react-mini-router を使用して簡単なページを作成しました。

ドロップダウンのナビゲーションに、react-bootstrap の例で同じコードを使用しています。

ページを作成してここに表示されているようにインデックスを開くと、メニューのドロップダウンが期待どおりに機能し、「ホーム」または「約」のどちらにいるかに関係なく、ページをナビゲートせずにメニューをドロップするだけです。

ただし、gulp-connect または python SimpleHTTPServer を使用してローカルホストでページを提供する場合、ドロップダウンを押すと、ドロップダウンがリンクでなくても、常にページが「ホーム」に変更/ナビゲートされます。

これはどのように起こりますか?

例の完全なコードはここで見つけることができ、Web サーバーを起動する gulp を実行することで問題を再現できます。

0 投票する
1 に答える
117 参照

scala - 0.8.1 から 0.9.2 への scalajs-react の移行

基本的に、私は便利な react-bootstrap ラッパーを探しています。さまざまな可能性を検討しているときに、この github projectを見つけました。それらをフォークして、バージョンの更新を開始しました。しかし、scalajs-react のバージョンを 0.8.1 から 0.9.2 に更新した後、html.Element と dom.Element の轍にはまってしまいました。

スコープにオブジェクト呼び出し getDOMNode() を追加

以前の domNode は拡張されてtype TopNode = html.Elementいましたが、最新バージョンの domNode 拡張type TopNode = dom.Elementでは、'className'、'offsetHeight'、'style' などの値がありません。そのため、コンパイルに失敗します

最新のscalajs-reactバージョンでどのように管理できますか? (私が理解しているように、この機能は別のプロジェクト 'scalajs-dom' に移動されました)

0 投票する
1 に答える
6661 参照

javascript - React Bootstrap がレンダリングに失敗する

React Bootstrap をインストールして、使い方を学び始めました

http://react-bootstrap.github.io/components.htmlでチュートリアルを行うことから始めました。

次に、React Bootstrap Button のチュートリアル全体を次のようにコピーしました。

一体何が起こっているのかわからない。何もレンダリングされません。私は何か悪いことをしましたか?React Bootstrap をダウンロードし、既に HTML ファイルに含めました。不可能だよ!

0 投票する
2 に答える
711 参照

react-bootstrap - React-Bootstrap でタブの「hide.bs.tab」イベントをキャッチする方法

ドキュメントにより、React-Bootstrap は、タブが別のタブに切り替わると起動するタブのonSelectメソッドをサポートします。タブが閉じ始める瞬間を判断するために、ネイティブの Twitter Bootstrap イベントhide.bs.tabに似たものを探しています。

onExit メソッドを使用するユーティリティをいくつか見つけましたが、それはタブでは機能しません。

どうやってするか?