Вот пример, где ещё не было React-а, тот самый мой первый пример
https://codepen.io/Malleys/pen/XQNpXK
Тут класс DotAnimation может использоваться много раз, для каждого элемента свой селектор
new DotAnimation(document.getElementById("app"));
new DotAnimation(document.getElementById("app2"));
Если вы замените "app2" на "app", то второй не будет работать.
|
Сообщение от рони
|
|
можно ли пример где document.querySelector("#app") не работает?
|
Так ещё один React элемент Home создайте... вот добавил второй к примеру с ref
https://codesandbox.io/s/m7o21ym6pj работает, как ожидается
пример с document.querySelector("#app")
https://codesandbox.io/s/rryjlyjrr4 работает, не так как ожидается
Обратите внимание, что сanvas вставлен не туда!
|
Сообщение от NeonMan
|
|
А зачем компонент изолировать от основного DOM ?
|
Именно для того, чтобы не происходило такого, что разные элементы разных компонент перепутаны.
|
Сообщение от NeonMan
|
|
Тем более что в этом варианте каждый раз нужно подключать к компоненту => import ReactDOM from "react-dom";
|
он импортируется только один раз, это ссылка на один и тот же ReactDOM