Как сменить div по клику в React?

Для смены div при клике в React вам потребуется использовать состояние (state) компонента. Сначала вам нужно импортировать необходимые модули:

import React, { useState } from 'react';

Затем вы можете создать компонент и определить начальное состояние с помощью хука useState:

const MyComponent = () => {
  const [showDiv, setShowDiv] = useState(false);

  const handleClick = () => {
    setShowDiv(!showDiv);
  }

  return (
    <div>
      <button onClick={handleClick}>Сменить div</button>
      {showDiv && <div>Новый div</div>}
    </div>
  );
}

В этом примере мы создаем кнопку, которая вызывает функцию handleClick при клике. Внутри этой функции мы используем функцию setShowDiv для изменения состояния showDiv на противоположное значение.

В разметке компонента мы отображаем кнопку и, если showDiv равно true, отображаем также другой div с текстом "Новый div". Когда пользователь нажимает на кнопку, состояние showDiv меняется и div появляется/скрывается в зависимости от значения showDiv.

Таким образом, при клике на кнопку div появится и скроется при следующем клике.