Состояние в реакции

Что такое государство?

Состояние позволяет вам управлять данными в компоненте и является закрытым, то есть к нему не может получить доступ внешний компонент.

Состояние считается объектом и используется для хранения значений свойств, принадлежащих определенному компоненту. Когда состояние изменилось, компонент перерисовывается. Состояние также позволяет вам хранить столько свойств, сколько вам нужно.

import { useState } from "react";
import ReactDOM from "react-dom/client";

function Car() {
  const [brand, setBrand] = useState("Ford");
  const [model, setModel] = useState("Mustang");
  const [year, setYear] = useState("1964");
  const [color, setColor] = useState("red");

  return (
    <>
      <h1>My {brand}</h1>
      <p>
        It is a {color} {model} from {year}.
      </p>
    </>
  )
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Car />);

Всегда используйте метод setState() для изменения объекта состояния. Это гарантирует, что компонент знает, что он был обновлен, и вызывает метод render().