使用状态初始未设置状态

Question

来自文档：

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

但我有以下组件：

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。