如何渲染嵌套数组元素Reactjs

Question

如何在React中渲染嵌套数组元素我只想在CardMedia的urlimgoutside数组中获得一个URL ........................... ................................................... ................................................... ................................................... ................................................... ......................................

        {props.currentTodos.map((currentTodo) => (

                  <CardMedia
                    className={classes.cardMedia}
                    image = {currentTodo.urlimgoutside}
                  />

)}

当前的Todo

Answer 1

这取决于您要实现的输出...如果每个URL都需要一张卡，并且假设urlimgoutside是您要引用的数组：

{props.currentTodos 
 ? props.currentTodos.map((currentTodo) =>
  currentTodo.urlimgoutside 
  ? currentTodo.urlimgoutside.map((url) =>
      <CardMedia className={classes.cardMedia}
                 image = {url}
      />
  : null
  ))
 :null
}