How get to a nested array in object in react?

Question

From the array based on the index, I choose a specific element. Assigns to the todo variable. I check in console.log todo. It is object. Inside this object is an array. I try to iterate this array, but he returns me body is not defined

class Todo extends Component {
  render () {
    let todo = this.props.todos[this.props.index]
    console.log(todo);

    return (
        <ul>
            { 
              todo.messages.map((obj, i) => {
                <li>{obj["body"]}</li>
              });   
            }
        </ul>
    )
  } 
}

export default Todo;

Console.log:

Object
  id: 1
  color: "sdsdsd"
  messages: (2) [{'body':'sdsdsd', 'title':'678'}, {'body':'aaaaaa'}, 
    'title':'11111'],
  title: "fgfgfgg"

or, you can remove the curly braces around the li. Then don't forget to add the key to that li element. — He.W
– He.W, Commented Jun 12, 2019 at 10:09

Jordan Enev · Accepted Answer · 2019-06-12 10:18:47Z

2

Your code's fine, except you have to return the result of the map function return <li>{obj["body"]}</li>.

Having such an error/warning body is not defined, it means some of your todo items, doesn't have a body property. Make sure all of your todos have a body property, or if the body isn't required, then conditionally render it.

edited Jun 12, 2019 at 10:18

answered Jun 12, 2019 at 10:07

Jordan Enev

18.8k3 gold badges45 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

banerjeesouvik · Accepted Answer · 2019-06-12 10:12:14Z

0

In that object that you consoled messages is not proper. I mean to say that the last element of messages is not in proper format. It is not an object.

answered Jun 12, 2019 at 10:12

banerjeesouvik

2221 silver badge9 bronze badges

Collectives™ on Stack Overflow

How get to a nested array in object in react?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related