how can I map array inside ?
array = [[{},{},{}],[{},{}],[{},],[{},{},{},{}]]
I tried
data.map((array) => {
console.log(array);
return (
array.map((doc) => <p>{doc}</p>)
);
})
-
And what happened? What output are you expecting?jonrsharpe– jonrsharpe2022-05-23 17:03:21 +00:00Commented May 23, 2022 at 17:03
-
do you want to flat and map?cmgchess– cmgchess2022-05-23 17:07:05 +00:00Commented May 23, 2022 at 17:07
-
an "id" but it looks like I can't 2 map in JSXBenassila Reda– Benassila Reda2022-05-23 17:08:41 +00:00Commented May 23, 2022 at 17:08
-
actually you cancmgchess– cmgchess2022-05-23 17:10:17 +00:00Commented May 23, 2022 at 17:10
-
1stackoverflow.com/questions/43756283/…cmgchess– cmgchess2022-05-23 17:11:07 +00:00Commented May 23, 2022 at 17:11
|
Show 2 more comments
1 Answer
you can use flat and then map like this
const data = [[{value: 1},{value: 2},{value: 3}],[{value: 4},{value: 5}],[{value: 6}],[{value: 7},{value: 8},{value: 9},{value: 10}]]
const html = data.flat().map(d => `<p>${d.value}</p>`).join('')
const htmlReduce = data.reduce((res, item) => [...res, ...item], []).map(d => `<p>${d.value}</p>`).join('')
console.log(html, htmlReduce)based on your code
data.flat().map((doc, i) => <p key={i}>{doc}</p>)
for old browsers
data.reduce((res, item) => [...res, ...item], []).map((doc, i) => <p key={i}>{doc}</p>)
1 Comment
Benassila Reda
The flat method is not yet implemented in common browsers (only Chrome v69, Firefox Nightly and Opera 56). It’s an experimental feature, is there's another way to do it ?