私はreact.jsをテンプレートライブラリとして使用してnode.jsを使用しています。私はノードのres.render(..)を使ってサーバ側でコンポーネントをレンダリングすることができますが、react.jsを使用してクライアント側でレンダリングし、onclickハンドラを呼び出すことによってコンポーネントを動的にしたいと考えています。私は.jsxフォーマットで定義されたコンポーネントを持っています。クライアントサイドでブラウザと対話し、反応コンポーネントを動的にレンダリングするにはどうすればよいですか?react.jsクライアント側の反応コンポーネントをレンダリング
2
A
答えて
1
あなたのコードを透明にしてバンドルする必要があります。他のスクリプトと同じようにスクリプトタグに挿入することができます。 1つの一般的なオプションはwebpackです。別のものは、胃の働きの中で、Babifyを使ってBrowserifyを使用することです。
0
babel jsを使用してES6クラスの構文で使用することができます。私はサンプルコンポーネントを作成しましたhere
を使用すると、すべての設定がプリロードされます。始めるのに良い場所はFacebookの反応でしょう。documentation
関連する問題
- 1. クライアント側のレンダリングとdjangoの反応
- 2. クライアント側とサーバー側のレンダリングの両方で同型コンポーネントに反応する
- 3. クライアント側React.js
- 4. 酵素:浅いが、内側に反応-Reduxのコンポーネントをレンダリング
- 5. クライアント側のハンドルバーに反応コンポーネントを注入する
- 6. 反応ルータ:クライアント側ルーティングとサーバ側ルーティング
- 7. React.js - ターゲットコンテナが反応するコンポーネントをレンダリングしようとすると、DOM要素
- 8. サーバ側のレンダリング+反応ルータのリダイレクト
- 9. メテオールとのクライアント側の反応性?
- 10. クライアント側のレンダリングエラーが反応しない/
- 11. クライアント側とサーバー側で異なるコンポーネントをレンダリングする
- 12. 反応コンポーネントをレンダリングできません
- 13. クライアント側レンダリング
- 14. DOMにレンダリングされない反応コンポーネント
- 15. React.jsを使用したサーバー側レンダリング
- 16. 反応レンダリング動的コンポーネントインサイド他のコンポーネントのレンダリング機能
- 17. コンポーネントを複数回レンダリングするReact.js
- 18. スケーリング:サーバー側とクライアント側のレンダリング
- 19. サーバ側のレンダリングとホットリロードを反応させます
- 20. サーバー側のレンダリングに反応する - window.initialState - XSSを防ぐ方法?
- 21. 反応するサーバー側のレンダリング時にprocess.envを使用する
- 22. 反応リーフレット上の反応リーフレット描画されたレイヤのポップアップ内の反応コンポーネントのレンダリング
- 23. コンポーネントコンポーネントクラスの外側にあるコンポーネント更新の反応を
- 24. 反応のコンポーネントのレンダリングの負荷を最適化する
- 25. 反応コンポーネント内のスクレイプされたSVGをレンダリングする
- 26. 反応の同じページにコンポーネントをレンダリングする方法
- 27. 反応コンポーネントのhtmlでコメントをレンダリングする
- 28. onClick(反応)でコンポーネントをレンダリングする最良の方法は?
- 29. ネイティブアンドロイド表示(UIコンポーネント)内の反応ネイティブコンポーネントをレンダリング
- 30. 反応jsコンポーネントのdjangoレンダリング引数を取得する
私はこれをやっています。 Hapi反応プラグインのようなテンプレートライブラリとして反応を使用する代わりに、私は適切なUniversal React構成を作成するルートを辿りました。それは最初に設定するのはかなり複雑ですが、あなたが行くときは驚くべきことです。この例を確認してください:https://github.com/choonkending/react-webpack-node – ctrlplusb