reactjs - typescript 错误类型无法分配给状态 - usestate

Question

我是打字脚本的新手，我正在尝试使用使用状态 Hook 和打字脚本来设置 react 状态。

const intialState: State ={
    items: [],
    value: "",
    error: null
}

const [data, setData]= useState([intialState]);

return (
    <>
        {
            data.items.map(x) => (
                //my html component to be displayed.
            )
        }
    </>
)

但我收到以下错误。谁能告诉我一下。

1. 像我一样在 usestate 中设置对象是否有效？
2. 为什么我收到 typescript 错误？

Answer 1

首先，我们应该检查 State 和 initialState 对象之间是否存在接口(interface)不匹配。如果您可以发布 State 的类型定义，将会有所帮助。

此外，您应该为 useState 钩子(Hook)提供 State[] 的泛型类型参数

const [data, setData]= useState<State[]>([intialState]);