2016-04-18 20 views
2

私はreact.jsをテンプレートライブラリとして使用してnode.jsを使用しています。私はノードのres.render(..)を使ってサーバ側でコンポーネントをレンダリングすることができますが、react.jsを使用してクライアント側でレンダリングし、onclickハンドラを呼び出すことによってコンポーネントを動的にしたいと考えています。私は.jsxフォーマットで定義されたコンポーネントを持っています。クライアントサイドでブラウザと対話し、反応コンポーネントを動的にレンダリングするにはどうすればよいですか?react.jsクライアント側の反応コンポーネントをレンダリング

+0

私はこれをやっています。 Hapi反応プラグインのようなテンプレートライブラリとして反応を使用する代わりに、私は適切なUniversal React構成を作成するルートを辿りました。それは最初に設定するのはかなり複雑ですが、あなたが行くときは驚くべきことです。この例を確認してください:https://github.com/choonkending/react-webpack-node – ctrlplusb

答えて

1

あなたのコードを透明にしてバンドルする必要があります。他のスクリプトと同じようにスクリプトタグに挿入することができます。 1つの一般的なオプションはwebpackです。別のものは、胃の働きの中で、Babifyを使ってBrowserifyを使用することです。

0

babel jsを使用してES6クラスの構文で使用することができます。私はサンプルコンポーネントを作成しましたhere

​​を使用すると、すべての設定がプリロードされます。始めるのに良い場所はFacebookの反応でしょう。documentation

関連する問題