2016-06-30 6 views
1

私はこのチュートリアルhttp://reactjs.net/getting-started/tutorial.htmlに従っており、すべて素晴らしいです。しかし、最終的な出力ソースでは、私は次のコメントタグを取得します。なぜ、テキストはreact-textタグの周りにラップされていますか、それらは必須タグですか?彼らはなぜコメントタグに入っていますか?彼らは何とか削除することはできますか?reactjs.net - レンダリング時に反応テキストタグが必要ですか?

<!-- react-text: 6 -->Hello ReactJS.NET World!<!-- /react-text --> 
<!-- react-text: 9 -->This is one comment<!-- /react-text --> 

答えて

2

コメントは、テキストのセグメントを示すためにReactによって内部的に使用されています。たとえば、2つの変数を直接隣にレンダリングする場合、Reactはコメントを使用して、変数の終了位置と次の変数の開始位置を知ることで、更新時にテキストを正しく更新することができます。

これはReact v15で変更されました。以前のバージョンでは<span>を使用してテキストセグメントをラップしました。 https://facebook.github.io/react/blog/2016/04/07/react-v15.html#no-more-extra-ltspangtsに詳しい情報があります。

+0

これは、複数のレンダリングされた値を持つ文字列を、es6補間を使用して反応させて出力するときに、これを避けるために使用しました。しかし、レンダリング呼び出しが文字列内の複数の値のうちの1つだけを更新する必要がある場合は、すべての値の補間でわずかなパフォーマンス低下を招くのではなく、コメントマークを使用して値の更新を処理することが望ましいです。 –

関連する問題