テンプレートとReactはどのように機能しますか？

私はReactを使い始めました.Niftyテンプレートを使用しています。これはhtmls、css、およびjavascriptです。私の主な問題は、nifty.jsにいくつかのバインディング関数があることです。たとえば、onClickイベントをバインドしてアニメーションを作成します。テンプレートとReactはどのように機能しますか？

私はindex.htmlにnifty.jsをインポートします。しかし、私がReactについて知っていることのうち、htmlが動的に追加されているので、nifty.jsが実行されてもhtmlはまだ存在しません。これは、イベントをHTMLにバインドしないため、問題です。

私の質問は、どのように反応テンプレートと標準テンプレートが機能するかです。テンプレートのスクリプトを実行する方法はありますか（onComponentDidUpdateの呼び出しを追加する以外に）ですか？

もっと互換性のあるテンプレートを見つける必要はありますか？テンプレートは反応のために特別に構築されていますか？

出典

2017-10-17 Luis Gurmendez

UIライブラリ（この場合はReact）互換のCSSフレームワークの使用をお勧めします。私の提案はhttp://www.material-ui.comです。

これ以外にも、互換性のないいくつかのライブラリで動作させるために必要以上に時間が掛かります。

幸運のベスト。

出典

2017-10-19 13:24:08

あなたはこれを試みることができる：

<html> 
    <head>...</head> 
    <body> 
    <div id="#reactAppId"></div> 
    <script src="nifty.js"></script> 
    </body> 
</html>

出典

2017-10-19 13:35:35

の中には、HTMLを動的に追加されて反応するのでので、HTMLは「doesnのためのページが、このようにバインドが行われていないnifty.jsすでに実行されたスクリプトとのレンダリングされるとき存在しません。それとも私の事実が間違っていますか？ –

質問を編集してサンプルを表示できますか？ –

テンプレートとReactはどのように機能しますか？

答えて

関連する問題