Question

我试图在React中使用map函数遍历数组。

当我这样做时：

render() {
    return (
      <div>
        {this.props.components.map((vitamin) => {
         <p>{vitamin.ID}</p>
       })}
     </div>
   )
}

什么都没有渲染。但是如果我在map函数中尝试console.log，那么对象键就像：

render() {
    return (
      <div>
        {this.props.components.map((vitamin) => {
         console.log(vitamin.ID)
       })}
     </div>
   )
}

维生素ID印在控制台中。所以我知道那里有一个对象，但为什么它没有出现在我的React组件中？

Answer 1

你必须在map的每次迭代中返回组件/对象：

render() {
    return (
      <div>
        {this.props.components.map((vitamin) => {
         return(
           <p>{vitamin.ID}</p>
         )
       })}
     </div>
   )
}

反应循环数组和渲染对象

1 个答案: