无法读取null的属性“”

ogdev1234

我正在尝试从API访问一些数据,但是当我收到时,我无法读取null的属性“ 5”

import React from "react";

function Card(props) {
  console.log(props.data[5].mission_name); //why is it that this doesn't work in my machine?
  console.log(props.data); //this works with my machine

  return (
    <div>
      <h1>test</h1>
    </div>
  );
}

export default Card;

我最初将要传递的数据设置为null,然后一旦从API加载数据就更新了它,因此我认为这可能是问题的一部分,但我不知道如何解决。我为更多上下文创建了一个代码沙箱。作为参考,我正在使用spacex api。

https://codesandbox.io/embed/gallant-mcnulty-lyied?fontsize=14&hidenavigation=1&theme=dark

提前致谢。

杰森

如您所说,您最初将数据值设置为null。当Card最初呈现时,它将尝试为空索引5,并为您提供该错误。尝试类似的东西

if (props.data) { // the first render (where data is null) will skip this block
  console.log(props.data[5].mission_name);
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法读取 NULL 的属性

来自分类Dev

无法读取 null 的属性 ____

来自分类Dev

无法读取Null的属性样式

来自分类Dev

无法读取null的属性'$$ nextSibling'

来自分类Dev

无法读取null的属性推送

来自分类Dev

无法读取null的属性* 0 *

来自分类Dev

无法读取null的属性“ getElementsByTagName”

来自分类Dev

无法读取null的属性“ contentDocument”

来自分类Dev

无法读取null的属性“ _currentElement”

来自分类Dev

无法读取null的属性“密码”

来自分类Dev

无法读取null的属性“ getElementsByTagName”

来自分类Dev

无法读取null的属性“ getHostNode”

来自分类Dev

无法读取null的属性“ removeClass”

来自分类Dev

无法读取null的属性“角色”

来自分类Dev

TypeError:无法读取null属性

来自分类Dev

无法读取null的属性“ insertRow”

来自分类Dev

无法读取null的属性“ addRole”

来自分类Dev

无法读取null反应的属性“#”

来自分类Dev

无法读取null的属性“ scrollIntoView”

来自分类Dev

无法读取null的属性“ map”

来自分类Dev

无法读取null的属性“样式”

来自分类Dev

无法读取null的属性样式?

来自分类Dev

无法读取null的属性“ push”

来自分类Dev

无法读取null的属性“ load”

来自分类Dev

无法读取null的属性“成功”

来自分类Dev

无法读取null的属性“ getElementsByTagName”

来自分类Dev

无法读取null的属性“ getElementsByTagName”

来自分类Dev

Angular无法读取null属性

来自分类Dev

无法读取null的属性“ _externalStream”