Как изменить конкретный ключ объекта из useState?

Question

[canClick]

У меня есть объект созданный в usestate на подобии:

const [state, setState] = useState({
email: "",
password: ""
})

Как я могу изменить к примеру, только email ?

Answer 1

[Александр]

setState(state => ({ ...state, email: 'newValue' }));

Answer 2

[HealSpirit]

Вроде как в функциональных компонентах отошли от использования общего стейта (если количество элементов заранее известно). Лучше заменить на:

const [email, setEmail] = useState("")
const [password, setPassword] = useState("")

Comments

[canClick]

Спасибо, а что насчет тех случаев, когда у меня этих элементов около 8? (Также заранее известны) Тогда, получается, я должен 8 раз использовать usestate?

[HealSpirit]

canClick,
Недавно использовал 7 useState, мне кажется, так даже удобнее, не нужно думать, как сохранять иммутабельность других частей стейта