javascript - 在 React Hook 中设置一个对象

Question

使用这两种方法在 React Hook 中设置对象有什么不同吗？

const INITIAL_STATE = {
    foo = '',
    bar = ''
}

// ...

// Method 1
const [state, setState] = useState(INITIAL_STATE);

// Method 2
const [state, setState] = useState({ ...INITIAL_STATE });

这两种方法都很好，我只是想知道使用其中一种方法是否有任何退路或优势。

Answer 1

useState 将仅在第一次调用时使用初始状态。但它会在每次渲染时调用，并且 { ...INITIAL_STATE } 每次都会创建一个新的未使用对象。这种开销应该不会引起注意。