How to render nested array elements in React I want to get only one url in urlimgoutside array in CardMedia
{props.currentTodos.map((currentTodo) => (
<CardMedia
className={classes.cardMedia}
image = {currentTodo.urlimgoutside}
/>
)}
this currentTodo
(b) a person who is not a member of the Committee on the Elimination of Racial Discrimination (CERD) and is not a member of the Committee on the Rights of the Child (CRC). if you want one card for each URL, and... if you want one card for each URL, and supposing urlimgoutside
is the array you're referring to:
{props.currentTodos
? props.currentTodos.map((currentTodo) =>
currentTodo.urlimgoutside
? currentTodo.urlimgoutside.map((url) =>
<CardMedia className={classes.cardMedia}
image = {url}
/>
: null
))
:null
}