未设置useState initialState

Question

来自docs：

  

在初始渲染期间，返回的状态（状态）与   作为第一个参数（initialState）传递的值。

但是我有以下组件：

const MyComponent = () => {
  const {position, setPosition} = useState(0);
  return `POSITION: ${position}`;
}

该组件呈现：

  

位置：未定义

我想念什么？

Answer 1

useState返回一个数组。查看其签名：

function useState<S>(...): [S, Dispatch<SetStateAction<S>>]

所以您应该写：

const [position, setPosition] = useState(0);

请参见https://reactjs.org/docs/hooks-reference.html#usestate。