TypeError:无法读取React.js上未定义的属性'map'

时间:2019-09-11 22:22:17

标签: javascript reactjs

我正在在线学习有关受控输入的React.js教程,并且反复收到错误消息

  

TypeError:无法读取未定义的属性“ map”

import

3 个答案:

答案 0 :(得分:1)

在调用props时应添加super,这样也不会显示整个应用程序逻辑,甚至定义了props.calls吗?

class SearchPage extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      search: "Level Up"
    };
  }
...

答案 1 :(得分:1)

呼叫道具似乎未定义。

在映射prop值之前,请检查其是否未定义。

请参考以下代码:

<ul>
    {(this.props.calls || []).map(call => (
        <CallRow call={call} key={call.id} />
    ))}
</ul>

答案 2 :(得分:0)

1检查是否将道具添加为SearchPage组件

<SearchPage calls ={arry}/>

如果不是这个数组2,则点击

constructor(props) {
    super(props);

在此const {calls}=this.props;的道具制造破坏之后 然后检查呼叫的值(如果使用的console.log(calls)

作为道具传递了)