React map is not rendering items

Question

React is not rendering items on a map function.

<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>

Render function is not rendering items or No Item found.

What I am doing wrong here?

Answer 1

You are probably keeping objects in todoData that are blank or do not match the format you expected. Must be [{todoId: "id", todoTitle: "title"}] . I think the example here will help you.