Reactのコンポーネント中にdomのidを使わない理由
on Javascript, 開発
Reactのコンポーネントもidを使うことができます。
しかし、コンポーネントにidをつけると、そのままレンダリングするからです。
呼び出すファイルで同じコンポーネントを呼び出す場合に、
同じidが振替して呼ばれるので、よくないソースコードになります。
HTMLのidはユニークな存在なので、必ず1個持つしかないです。
大体idを使わずにclassで欲しい機能を実装することが可能ですが、
他のライブラリとフレームワークを使うと息はidを使うべき状況もあります。
この時はidの後ろにばん後をつけて重複idができないようにするのがベストです。
例えば、div1, div2, div3みたいな感じで重複idにならないようにするのが大事です。
reactはid使う時にどうすれば良いのか
reactはref、hookを使えば解決できます。
refはReact.createRef()で生成が可能で、ref attributeを通してreactエリメンとに貼り付けて使えます。
公式のページがありますので、ご参考にしてください。