Si estas usando Babel que me imagino que si, puedes usar ES6+ de la siguiente forma.
export default function App() {
const [state, setState] = useState({
obj1: false,
obj2: false,
obj3: false
});
const handleClick = () => {
setState({ ...state, obj2: !state.obj2 }); // propagación
};
return (
<div>
<div>
<div>{`state obj1: ${state.obj1}`}</div>
<div>{`state obj2: ${state.obj2}`}</div>
<div>{`state obj3: ${state.obj3}`}</div>
</div>
<button onClick={handleClick}>change</button>
</div>
);
}
Lo anterior es un enfoque más limpio usando las bondades que nos trae los nuevos features de EcmaScript, acá usamos la propagación ...state
para indicar que conserve todo lo que tiene tal como esta, pero modificando obj2
.
Te dejo un DEMO en CodeSandbox