在 React 中映射嵌套数组

Question

我正在学习 React.js 和 Redux。我在数组中嵌套了数组并将它们映射到一个表中。该代码工作正常，但我想知道这是否是好的做法。提前致谢。

return this.props.foodWeekPlan.map((course, i) => {
  return (
    <tr key={i}>
      {course.map((meal, j) => (
        <td key={j}>
          {meal.map((ingredients, k) => (
            <p key={k}>{ingredients}</p>
          ))}
        </td>
      ))}
    </tr>
  );
});

};

Answer 1

如果您想要一个好的实践，请尝试为您映射的每个对象编写一个组件 然后，您的代码将如下所示：

  return this.props.foodWeekPlan.map((course, i) => <Course key={i} meals={course.meals}/>);