Как установить состояние объекта с помощью хука useState в React

Чтобы установить состояние объекта с помощью хука useStateв React, вы можете использовать следующие методы:

Метод 1. Непосредственное обновление объекта:

const [state, setState] = useState({ property1: value1, property2: value2 });
// Updating a specific property
setState({ ...state, property1: newValue });
// Updating multiple properties
setState({ ...state, property1: newValue, property2: newValue });

Метод 2. Используйте отдельные переменные состояния для каждого свойства:

const [property1, setProperty1] = useState(value1);
const [property2, setProperty2] = useState(value2);
// Updating a specific property
setProperty1(newValue);
// Updating multiple properties
setProperty1(newValue1);
setProperty2(newValue2);

Метод 3. Используйте функцию обратного вызова:

const [state, setState] = useState({ property1: value1, property2: value2 });
// Updating a specific property
setState(prevState => ({ ...prevState, property1: newValue }));
// Updating multiple properties
setState(prevState => ({ ...prevState, property1: newValue1, property2: newValue2 }));

Обратите внимание, что при обновлении состояния объекта важно создать новый объект или клонировать существующий, чтобы избежать мутаций и обеспечить правильное управление состоянием.