useState () делает двойной рендеринг

Question

Я использую useState () в компоненте функции, и первый рендер вызывает дважды.Это правильно или ошибка?Если это правильно, то почему он рендерит дважды?setCount также визуализирует компонент дважды.

function Example() {
  const [count, setCount] = useState(0);
  console.log("render");

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

ReactDOM.render(<Example />, document.getElementById('uu5'));

Спасибо

Answer 1

Проблема в React DevTools.Когда консоль закрыта, компонент отображается только один раз.Но если вы откроете React DevTools и перезагрузите страницу, рендер будет показан два раза.Откройте пример и попробуйте.(Реакция 16.8.3)