React map 没有渲染项目

Question

React 不会在映射函数上渲染项目。

<Tab eventKey="All" title="All">
{this.state.todoData && this.state.todoData.length ? (
this.state.todoData.map((item, index) => {
return <span key={item.todoId}>{item.todoTitle}</span>;
})
) : (
<span>No item found</span>
)}
</Tab>

呈现函数未呈现项目或未找到项目。

我在这里做错了什么？

Answer 1

您可能将对象保留在 todoData 中，这些对象为空或与预期的格式不匹配。必须[{todoId: "id", todoTitle: "title"}]。我认为这里的例子会对你有所帮助。