在React挂钩中切换对象状态内的值的正确方法是什么？

这是切换按钮的简单代码示例

import React, { useState } from "react";
import "./styles.css";

const initialState = {
  isOpen: true
};

export default function App() {
  const [state, _setState] = useState(initialState);
  const setState = newState =>
    _setState(prevState => ({ ...prevState, ...newState }));

  const toggleButton = () => {
    setState({ isOpen: !state.isOpen });
  };

  return (
    <div className="App">
      <button onClick={toggleButton}>Show</button>
      {state.isOpen && <h1>Hello World</h1>}
    </div>
  );
}

问题

1. 上面的代码是在对象内切换值的正确方法吗？
2. 如果将toggleButton函数更改为以下代码，有什么好处？state在setState执行时不访问对象引用。

const toggleButton = () => {
    const { isOpen } = state;
    setState({ isOpen: !isOpen });
};