Reactjs 反应:在useEffect内设置输入状态不工作

Reactjs 反应:在useEffect内设置输入状态不工作,reactjs,react-hooks,use-effect,Reactjs,React Hooks,Use Effect,我正在使用React和Redux开发一个应用程序。我正在尝试使用API数据预填充输入。为此,我在useEffect中获取API数据。我也在里面设置我的状态。问题是输入没有填充API数据。它是空的,但是当我重新加载页面时,它会被填充并正常工作 这是我的密码: EditQuestion.js 注意:如果我将问题对象传递给useEffect钩子依赖项 数组(正如ESlint告诉我的那样),输入会被填充,但获取问题是 在无限循环中调度。正如我在报纸上看到的那样 镀铬制表符 有没有办法解决这个问题?您需要

我正在使用React和Redux开发一个应用程序。我正在尝试使用API数据预填充输入。为此,我在useEffect中获取API数据。我也在里面设置我的状态。问题是输入没有填充API数据。它是空的,但是当我重新加载页面时,它会被填充并正常工作

这是我的密码:

EditQuestion.js

注意:如果我将
问题
对象传递给useEffect钩子依赖项
数组(正如ESlint告诉我的那样),输入会被填充,但获取问题是
在无限循环中调度。正如我在报纸上看到的那样
镀铬制表符


有没有办法解决这个问题?

您需要为BE的传入响应添加额外的useEffect挂钩:

useEffect(() => {
    // Populate `title` input with API Data
    setFormData({
      title: question !== null && question.title ? question.title : ""
    });

  }, [question]);

您需要为来自BE的传入响应添加额外的useEffect挂钩:

useEffect(() => {
    // Populate `title` input with API Data
    setFormData({
      title: question !== null && question.title ? question.title : ""
    });

  }, [question]);
useEffect(() => {
    // Populate `title` input with API Data
    setFormData({
      title: question !== null && question.title ? question.title : ""
    });

  }, [question]);