問題タブ [reactjs]

反応コンポーネントが反応でアプリ全体を管理しています。次のようになります。

そしてhtmlは次のようになります

そして、私はそれを次のようにレンダリングします:

しかし、代わりに、タグ全体を管理するように反応したいbodyので、ネストされた冗長なものはありませんdiv。どうすればそのようなものをレンダリングできますか?

ブラウザの戻るボタンと進むボタンが直感的に機能するように、reactjsで履歴を処理しようとしています。これの例、または従うべき一般的なガイドラインはありますか?

ありがとう！

私はFacebook の React チュートリアル http://facebook.github.io/react/docs/getting-started.htmlを大まかにフォローしていますが、別の html ファイルに適用しています。

これは、react スターター キットに基づく私の html ファイルです。

「jsx --watch src/build/」を実行すると、react-toolsをインストールしました

このスニペットを変換しています：

このスニペットに：

ただし、チュートリアルには次のスニペットが示されています。

小文字の 'r' が原因で、Web ページは「react が定義されていません」というエラーをスローします。これは本当です。クロムのコンソールから、「react」ではなく「React」が定義されていることを確認できます。

チュートリアルで説明されているように、jsx で正しい出力を作成するにはどうすればよいですか?

ペイントよりも多くのレイアウトを引き起こしている setState を実行している onWheel ハンドラーがあります。

...イベント値の変更を1つのsetStateにバッチ処理することでこれを回避するための良いパターンはありますか?

(このビルトインには魔法がかかっていると思いました。)

ボタンとテキスト コンポーネントを作成し、それらを検索コンポーネントに含めたので、ボタンのデフォルトの handleClick イベントを検索コンポーネントのハンドラでオーバーライドしたいと考えています。しかし、this.handleClick はボタン コンポーネントのイベント ハンドラーを指しています。助けてください。代わりに、クリック時に FROM SEARCH が必要です。FROM BUTTON を取得しました。

これは ReactJS の初心者です。

何を使用するか、または React にフォーム (いくつかの入力ボックスとファイル セレクターを含む) をアップロードする方法についてアドバイスをいただけますか?

BlueImp JQuery-file-upload pluginを使用しようとして神経をすり減らしてきました。エラー メッセージは不可解であり、Google から有用なヘルプを得ることができませんでした。

私のコードは次のとおりです。

ありがとう！

React で無限スクロールを実装する方法を検討しています。私はreact-infinite-scrollに遭遇しましたが、ノードを DOM に追加するだけで削除しないため、非効率的であることがわかりました。DOM に一定数のノードを追加、削除、および維持する、React を使用した実績のあるソリューションはありますか。

これがjsfiddleの問題です。この問題では、DOM に一度に 50 個の要素だけを入れたいと考えています。他のものは、ユーザーが上下にスクロールするときにロードおよび削除する必要があります。React の使用を開始した理由は、最適化アルゴリズムです。今、私はこの問題の解決策を見つけることができませんでした。airbnb 無限 jsに遭遇しました。しかし、それはJqueryで実装されています。このairbnbの無限スクロールを使用するには、Reactの最適化を緩める必要がありますが、これはやりたくないことです。

スクロールを追加したいサンプルコードは（ここではすべてのアイテムをロードしています。私の目標は一度に50個のアイテムだけをロードすることです）

助けを求めています...

これは、ReactJS の新しいスターターからのものです。簡単に把握できるリソースが利用できないため、SO を再びノックするようになりました。問題はこれです。RegisterAccountつまり、クリックすると別のコンポーネント（ポップアップ）が起動し、ユーザーが必要な詳細を入力してアカウントを登録できるReactコンポーネントがあります。アカウントが正常に登録されたら、登録したアカウントを の下に別のコンポーネントとして追加しますRegisterAccount。この通信を設定するにはどうすればよいですか?

React にサブツリーを無視させることは可能ですか? つまり、比較したり更新したりしませんか?

私のユースケースは React への移行です。すべてのハンドルバー テンプレートを一度に書き直すことは現実的ではありませんが、既存のテンプレートをいくつかのサブコンポーネントに使用できれば、時間をかけてゆっくりと採用できます。

私は ReactJS を使い始めたばかりで、私が抱えている問題に少し固執しています。

私のアプリケーションは基本的に、フィルターとレイアウトを変更するためのボタンを備えたリストです。現時点では<list />、 、 、< Filters />の3 つのコンポーネントを使用しています。設定を変更したときに、ビューを更新するために何らかのメソッドをトリガーしたい<TopBar />のは明らかです。< Filters /><list />

これらの 3 つのコンポーネントを相互にやり取りさせるにはどうすればよいですか? または、変更を加えるだけの何らかのグローバル データ モデルが必要ですか?