Node.js 问题：TypeError:无法读取属性'；地图'；未定义的

我正在阅读一些教程，遇到了一个问题，错误是“无法读取未定义的属性“map”。请帮助我编写以下代码

TypeError:无法读取未定义的属性“map” TodoItems.render C:/Users/hp/Desktop/todo_list/src/TodoItems.js:10

 7 | 
   8 |    render(){
   9 |        var todoEntries = this.props.entries;
> 10 |        var listItems = todoEntries.map(this.createTasks);
     | ^  11 | 
  12 |        return (
  13 |            <ul className="theList">
View compiled
▶ 23 stack frames were collapsed.

import React, { Component } from "react";

class TodoItems extends Component{
    createTasks(item) {
        return <li key={item.key}>{item.text}</li>
    }

    render(){
        var todoEntries = this.props.entries;
        var listItems = todoEntries.map(this.createTasks);

        return (
            <ul className="theList">
                {listItems}
            </ul>
        );
    }
}

export default TodoItems;


and the TodoList file code is:
render() {
        return (
            <div className="todoListMain">
            <div className="header">
                <form onSubmit={this.addItem}>
                    <input ref={(a) => this._inputElement = a}
                         placeholder="enter task">
                    </input>
                    <button type="submit">add</button>
                </form>
            </div>
            <TodoItems entries={this.state.items}/>
        </div>
        );
    }
}

export default TodoList;

7|
8 | render（）{
9 | var todoEntries=this.props.entries；
>10 | var listItems=todoEntries.map（this.createTasks）；
| ^  11 | 
12 |返回(
13 |

视图编译
▶ 23个烟囱框架倒塌。
从“React”导入React，{Component}；
类TodoItems扩展组件{
createTasks（项目）{
return
{item.text}
}
render（）{
var todoEntries=this.props.entries；
var listItems=todoEntries.map（this.createTasks）；
返回(

{listItems}

);
}
}
将默认值导出到doitems；
TodoList文件代码为：
render（）{
返回(
这个.\u inputElement=a}
占位符=“输入任务”>
添加
);
}
}
将默认值导出到列表；

您试图将

此.state.items

作为

条目传递，但它似乎不是一个数组，而是
未定义的

您可以通过执行以下操作将其默认设置为数组-

class MyComponent extends Component {
  state = {
    items: []
  }
}

do
var todoEntries=this.props.entries | |【】
您的
TodoList
组件中没有处于状态的项。问题已解决，但它不会获取并显示这些项。类TodoList扩展组件{constructor（props）{super（props）；this.state={item:[]}；this.additem=this.additem.bind（this）；}这是我的代码，是的，我确保它是一个array@Aishwarya
item
不是
items
@Aishwarya您编写的
item
，而符合您代码的正确单词是
items
。请尝试修复该问题