問題タブ [react-bootstrap]

古いバージョンのreact-bootstrapを使用するプロジェクトがあります

私のpackage.jsonに私が持っていた

問題を引き起こしているバグがそこにあります。その修正は非常に簡単なので、リポジトリをフォークし、v0.13.3 のコミットにロールバックしました。

1行の修正を行い、強制的にフォークに押し戻しました。

次に、メイン プロジェクトの package.json を更新して、フォークを指すようにしました。

node_modules ディレクトリを削除して実行sudo npm cache clearし、すべてが適切で新鮮であることを確認しました。次にnpm install、レポから自分のバージョンの react-bootstrap をプルダウンして実行しました。

ただし、現在プルダウンされているバージョンは、node_modules フォルダー内の同じ形式ではありません。基本的に、プロジェクトをビルドしたようには見えません。

私が使用する場合：

node_modules フォルダーには、次のようなビルドされたコードが含まれています。

しかし、フォークしたバージョンのレポを指すと、次のようになります。

次に、ノードモジュールのソースリポジトリ構造だけを取得します（ビルドされていないようです）

React Bootstrap を使用して参照するとrequire('react-bootstrap')、機能しません (ファイルがビルドされていないため)。

では、github ではなく npmjs でファイルを指しているのと何が違うのでしょうか? react-bootstrap package.json には prepublish/publish/postpublish スクリプトがないため、npmjs にプッシュする前に手動でビルドしたかどうかはわかりません。

npm install基本的に、メイン プロジェクトを実行するときに、フォークされたバージョンを自動的にビルドする必要があります。何か案は？

編集 1

npm install以下のJonathan Mullerの回答に従って、react-bootstrapのフォークを更新した後、メインプロジェクトリポジトリで実行されるエラー:

MenuItem内のInputでReact-Bootstrap DropDownを使用しています (そうしないと、コンソールがUncaught TypeError: Cannot read property 'focus' of undefined と叫びます)

さて、ドロップダウンがレンダリングされ、入力はメニュー項目内にあります (すべて問題ありません)。ただし、入力内をクリックすると、ドロップダウンが閉じます。

ここに私のJSXがあります

正しい方向を指していることは非常に高く評価されています。私はこれを一日中解決しようとしています。

ありがとうございました。

API から 401 が返されたときにコンポーネントにエラー メッセージを表示したい。何にもバインドされていない状態を使用しようとしており、ES6 を使用しています。私は得ています

Cannot read property 'setState' of undefined

これはログイン機能です:

私はJSの世界に不慣れで、おそらく単純な問題に固執しています。別の要素に追加される要素の位置を指定したいのですが、.cssではなくアプリで位置を設定したいのです。

今私が持っています

そして.cssで

.css ではなく、アプリ内で右と下のパラメータを設定したい。これどうやってするの ？

ありがとう！

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

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

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

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

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

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

基本的に、私は便利な 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' に移動されました)

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

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

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

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

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

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

どうやってするか？

React-Bootstrap を使用して、逆グリフィコン ボタンを作成するにはどうすればよいですか?

次のようなボタンがあります。

しかし、私はそれらが逆に見えるようにしたい.

この質問は、同じではない色について尋ねます。

ありがとう！

わかりました、明らかに何かが欠けていますが、今は理解できません。

ボタンは表示されますが、スタイルが適用されていません。Thay は 3 番目のものとしてすべてプレーンです。灰色で小さい。私は何が欠けていますか？