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

Question

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

  

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

import

Answer 1

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

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

Answer 2

呼叫道具似乎未定义。

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

请参考以下代码：

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

Answer 3

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

<SearchPage calls ={arry}/>

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

constructor(props) {
    super(props);

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

作为道具传递了）