document.querySelectorAll('.name').forEach((name, i) => {
name.classList.remove('name');
if (i % 2 === 0) {
name.classList.add('c1');
} else {
name.classList.add('c2');
}
});
div1 = document.createElement('div')
var div1 = document.createElement('div')
window.div1 = document.createElement('div')
.querySelector
вместо этого создайте хук useState
храните в нем ваше значение и используйте переменную где хотите. При необходимых ситуациях можно и изменять это значениеconst [ text, setText ] = React.useState('Text1');
<h3 className='text'>{text}</h3>
setText('новый текст');
useState
или useEffect
то можно и не подключать