如何修复我的代码,以便可以使用componentDidMount中的数据(反应)

博杰克

我正在尝试从api获取数据,以便在页面加载时可以显示它。我想将此数据传递到Featured组件上。api GET请求有效,但是,在未定义的no-undef中出现错误“ res”。我猜这是因为它是一个异步函数,并且状态被告知要在api数据返回之前进行更改。但是,即使删除异步并等待,我也会遇到相同的错误。我对此有一些疑问:

  1. 是什么原因引起的?

  2. 您将如何解决该问题?

  3. 我在尝试使用componentDidMount进行操作时是否正确?

代码已发布如下。提前致谢!

class App extends React.Component {
    state = { featuredMovies: [] };

    async componentDidMount() {
        await axios.get('apiurl').then(res => {
        console.log(res.data)
      });

        this.setState({ featuredMovies: res.data });
    } 

    render() {
        return (
            <div className="container section">
                <Featured />
            </div>
        );
    }
}
Praveen Kumar Purushothaman

你说的差不多。只需更改此部分:

async componentDidMount() {
  const res = await axios.get('apiurl');
  this.setState({ featuredMovies: res.data });
}

因此,回答您的问题:

  1. 是什么原因引起的?
    代码的问题在于您没有使用res该功能。
  2. 您将如何解决该问题?
    使用以上解决方案。
  3. 我在尝试使用componentDidMount进行操作时是否正确?
    几乎正确。您的方法是正确的。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何更改以下快速排序代码,以便可以使用随机数据透视表?

来自分类Dev

如何使我的类可迭代,以便可以使用foreach语法?

来自分类Dev

FMX中是否可以使用LiveBindings替代方案,以便可以使用线程生成的数据集?

来自分类Dev

如何引用 CSS 文件,以便可以使用 PHP 中的包含找到它

来自分类Dev

如何制作它以便我可以使用 App.Config 中的数据

来自分类Dev

我如何序列化要上传的表单文件,以便可以使用Backbone.js,jQuery和Node.js将其存储在mongo数据库中?

来自分类Dev

我如何序列化要上传的表单文件,以便可以使用Backbone.js,jQuery和Node.js将其存储在mongo数据库中?

来自分类Dev

我如何将三角形数组移到外面,以便可以使用它

来自分类Dev

如何更正我的Java递归方法,以便可以使用它来计算大值数字?

来自分类Dev

如何修复我的触发器查询以便可以绑定多部分标识符?

来自分类Dev

如何将SqlLite中的日期从m / d / y转换为Ymd,以便可以使用strftime

来自分类Dev

如何遍历目录中的文件,以便可以使用PyPDF2打开/读取它们?

来自分类Dev

如何在PDF中获得插入符号的位置,以便可以使用AutoHotKey突出显示文本?

来自分类Dev

如何将SqlLite中的日期从m / d / y转换为Ymd,以便可以使用strftime

来自分类Dev

如何在bashrc中设置别名,以便可以使用简单的alias命令找到系统IP?

来自分类Dev

如何修复此功能,以便可以对数据框运行它?

来自分类Dev

如何安排此代码,以便可以从数据库中为每个表行获取不同的条目

来自分类Dev

如何使用匕首2,以便可以使用共享首选项的抽象表示?

来自分类Dev

如何绑定到DynamicResource,以便可以使用Converter或StringFormat等?(修订版4)

来自分类Dev

您如何维护页面状态,以便可以使用emberjs提供永久链接?

来自分类Dev

如何处理SVG,以便可以使用Javascript调整其大小?

来自分类Dev

如何获得当前的x和y位置,以便可以使用GCRectMake?

来自分类Dev

如何从DefaultModelList创建列表,以便可以使用JAXB编组为XML?

来自分类Dev

如何设置包含文本的div的大小,以便可以使用滚动条功能

来自分类Dev

如何强制使WebView父级变暗,以便可以使用WebSettingsCompat.FORCE_DARK_AUTO?

来自分类Dev

R问题:如何保存回归输出,以便可以使用mtable

来自分类Dev

如何维护页面状态,以便可以使用emberjs提供永久链接?

来自分类Dev

如何确定URLLoader打开的文件已关闭,以便可以使用FileStrewam在其上写入

来自分类Dev

如何在Android上存储资源,以便可以使用fopen打开它们

Related 相关文章

  1. 1

    如何更改以下快速排序代码,以便可以使用随机数据透视表?

  2. 2

    如何使我的类可迭代,以便可以使用foreach语法?

  3. 3

    FMX中是否可以使用LiveBindings替代方案,以便可以使用线程生成的数据集?

  4. 4

    如何引用 CSS 文件,以便可以使用 PHP 中的包含找到它

  5. 5

    如何制作它以便我可以使用 App.Config 中的数据

  6. 6

    我如何序列化要上传的表单文件,以便可以使用Backbone.js,jQuery和Node.js将其存储在mongo数据库中?

  7. 7

    我如何序列化要上传的表单文件,以便可以使用Backbone.js,jQuery和Node.js将其存储在mongo数据库中?

  8. 8

    我如何将三角形数组移到外面,以便可以使用它

  9. 9

    如何更正我的Java递归方法,以便可以使用它来计算大值数字?

  10. 10

    如何修复我的触发器查询以便可以绑定多部分标识符?

  11. 11

    如何将SqlLite中的日期从m / d / y转换为Ymd,以便可以使用strftime

  12. 12

    如何遍历目录中的文件,以便可以使用PyPDF2打开/读取它们?

  13. 13

    如何在PDF中获得插入符号的位置,以便可以使用AutoHotKey突出显示文本?

  14. 14

    如何将SqlLite中的日期从m / d / y转换为Ymd,以便可以使用strftime

  15. 15

    如何在bashrc中设置别名,以便可以使用简单的alias命令找到系统IP?

  16. 16

    如何修复此功能,以便可以对数据框运行它?

  17. 17

    如何安排此代码,以便可以从数据库中为每个表行获取不同的条目

  18. 18

    如何使用匕首2,以便可以使用共享首选项的抽象表示?

  19. 19

    如何绑定到DynamicResource,以便可以使用Converter或StringFormat等?(修订版4)

  20. 20

    您如何维护页面状态,以便可以使用emberjs提供永久链接?

  21. 21

    如何处理SVG,以便可以使用Javascript调整其大小?

  22. 22

    如何获得当前的x和y位置,以便可以使用GCRectMake?

  23. 23

    如何从DefaultModelList创建列表,以便可以使用JAXB编组为XML?

  24. 24

    如何设置包含文本的div的大小,以便可以使用滚动条功能

  25. 25

    如何强制使WebView父级变暗,以便可以使用WebSettingsCompat.FORCE_DARK_AUTO?

  26. 26

    R问题:如何保存回归输出,以便可以使用mtable

  27. 27

    如何维护页面状态,以便可以使用emberjs提供永久链接?

  28. 28

    如何确定URLLoader打开的文件已关闭,以便可以使用FileStrewam在其上写入

  29. 29

    如何在Android上存储资源,以便可以使用fopen打开它们

热门标签

归档