javascript - 如何在 react 中获取对象中的嵌套数组？

Question

从基于索引的数组中，我选择一个特定元素。分配给 todo 变量。我查看 console.log todo。它是对象。该对象内部是一个数组。我尝试迭代这个数组，但他返回给我 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;

<小时/>

控制台.log:

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

Answer 1

你的代码很好，除了你必须返回map函数的结果return <li>{obj["body"]}</li> .

出现这样的错误/警告body is not defined ，这意味着您的某些待办事项没有 body属性(property)。确保您的所有待办事项都有 body属性，或者如果 body不是必需的，然后有条件地渲染它。