React：コンポーネントとしてHTMLを1行作成するのですか？

Question

ウェブページで何回も（異なるクラスで）使用される1つのpタグがあるとします。だから私はそれを構成要素にするかしないか？

これをコンポーネントにすると、将来divタグを内部に入れなければならない場合は、変更する必要があります。それ以外の場合は、すべての場所で変更する必要があります。

親コンポーネントに50 pタグがあるとし、必要に応じてpタグコンポーネントを作成して使用すると、そのコンポーネント（pタグコンポーネント）を50回すべて呼び出すと、pを直接使用することを避けることができますタグ（これは以前のものと比較してパフォーマンスが良いと思います）。

Answer 1

本当にプロジェクトとあなたの用途によって異なります。一般に、ネイティブ要素をコンポーネントにラップする理由はありません。

段落コンポーネントを持つことで、何を達成したいですか？あなたができる、

<p className={this.props.className + "-specialParagraph"}>Foo</p> 

その方法：それはすべてのPタグに異なるクラスをだなら、なぜPタグのラッパーに親コンポーネントから小道具を伝承し、Pタグにあなたのような何かを行うことができません実際のコンポーネントを抜け出さずにPタグごとに特別なクラスを持っています。

しかし、私が言ったように、それはあなたが達成したいことに本当に依存しています。

Answer 2

Reactコンポーネント内にネイティブDOM要素をラップする理由はありません。ただそれらを直接使用してください。

Answer 3

私はあなたがプロジェクト全体を通らずに変更できるように、コンポーネントを作成する必要があると思います。また、そのコードのロジックをラップすることもできますし、さらにテストすることもできます。