使用Axios，aynsc/等待和打字记录，我不知道这种情况

Question

我使用axios响应创建了工作流列表，但是出现了错误。

Argument of type 'Promise<unknown>' is not assignable to parameter of type 'SetStateAction<WorkflowForReactFlowProps[] | null>'.

这个Axios代码

export const requestWorkflows = async () => {
  try {
    const response: AxiosResponse = await axios.get(`${baseUrl}/workflows`);
    const workflows = formatWorkflows(response.data.workflows);
    return workflows;
  } catch (error) {
    return error;
  }
};

此状态和useEffect代码

const [workflows, setWorkflows] =
    useState<Array<WorkflowForReactFlowProps> | null>(null);

  useEffect(() => setWorkflows(requestWorkflows()), []);

为什么会发生这个错误？解决办法是什么？

Answer 1

异步函数总是返回一个承诺。你可以从这里上看到它。要使代码正常工作，需要更改以下行：

    const workflows: WorkflowForReactFlowProps[] | null = formatWorkflows(response.data.workflows);

useEffect(async () => setWorkflows((await requestWorkflows())), []);