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エリメンとに貼り付けて使えます。
公式のページがありますので、ご参考にしてください。

https://ko.reactjs.org/docs/refs-and-the-dom.html

ReactでuseStateを使う時に存在してない関数だとエラーが発生した時があります。