&#39;x&#39;类型的React Typescript参数不可分配给&#39;SetStateAction&#39;类型的参数<x]> &#39;

Question

这是代码

试图编译它说“'toDo'类型的参数不能分配给'SetStateAction<toDo[]>'类型的参数”

我无法弄清楚它是如何不工作的，因为类型似乎是正确的。

如何避免该错误

  const [todoList, setTodoList] = useState<toDo[]>([])

  useEffect(() => {
    loadToDoList()
  }, [])

  const loadToDoList = async () => {
    const toDoList = await ToDoService.getToDoList()
    console.log(toDoList)

    setTodoList(toDoList)
  }

  return (
    <div>
      <ToDoList items={todoList} />
    </div>
  )
}```

Answer 1

此错误是因为您尝试使用类型为toDo的变量设置状态，而它需要一个 toDo toDo[]数组。

确认await ToDoService.getToDoList()返回的toDoList的类型等于toDo[]或将useState调用上的泛型类型声明更改为const [todoList, setTodoList] = useState<toDo>([]) ，以防toDo已经是一个数组。