私は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. メテオールとのクライアント側の反応性?
- 2. クライアント側のレンダリングエラーが反応しない/
- 3. コンポーネントコンポーネントクラスの外側にあるコンポーネント更新の反応を
- 4. 小道具変更時に反応コンポーネントを再レンダリングする
- 5. 反応コンポーネントがスクリプトステートメント内でレンダリングされません
- 6. 反応コンポーネントをリフレッシュする
- 7. Laravel + React.js + Reduxでサーバー側のレンダリングを行うには?
- 8. 反対側のネイティブビューに反応する
- 9. コンポーネント間でアニメーションの反応を反応させよう
- 10. React.js - コンポーネントのソートの実装
- 11. 反応すると、コンポーネントの子をラッパーなしでレンダリングできますか?
- 12. React.jsサーバサイドのレンダリングとイベントハンドラ
- 13. コンポーネントをレンダリングしていないネストされたルートに反応する
- 14. 非同期Meteor.call内の反応コンポーネント
- 15. レンダリングサーバー上のスタイルで反応するコンポーネント
- 16. Node.jsクライアント側の応答を伴うサーバー側フォームの検証
- 17. サーバー側とクライアント側のレンダリングがシームレスではない
- 18. React.js - 兄弟コンポーネント間の通信
- 19. サーバ側はでレンダリングするためのコンポーネントをエクスポート
- 20. ng-contentの角度コードをコンポーネント側にレンダリングする方法は?
- 21. React.jsの親コンポーネントと子コンポーネントの間の通信
- 22. 特殊なファイルパスを持つノードモジュールのコンポーネントをクライアント側に提供
- 23. ジャスミンを使用して反応コンポーネントのonClickイベントをテストする
- 24. React.js Uncaught Error:不変則違反
- 25. 反応する - コンポーネント内のヘッダーにアイコンを追加する
- 26. httpリクエストへの応答を制御するには? (サーバー側とクライアント側)
- 27. 反応のある小道具をレンダリングする
- 28. サーバの応答時間を測定する(クライアント側)
- 29. reduxをcomponentWillMountで使用すると反応コンポーネントが2回レンダリングされないようにする
- 30. クライアント側とサーバー側
私はこれをやっています。 Hapi反応プラグインのようなテンプレートライブラリとして反応を使用する代わりに、私は適切なUniversal React構成を作成するルートを辿りました。それは最初に設定するのはかなり複雑ですが、あなたが行くときは驚くべきことです。この例を確認してください:https://github.com/choonkending/react-webpack-node – ctrlplusb