React map not rendering array but console.logs

Question

Inside this map no rendering happens but console.log prints the array elements.

{(repos.length > 0) ? repos.flatMap((v, i) => {
                                
if (e1 === (v[2]) && v[1].length>0) {
  v[1].map((e)=>{
    console.log(e)
    <div></div>//no view rendering..

prints these on console

dashboard.tsx?91c8:646 (2) ["0x78Ba3149274C76921249200c090cCFCF3Cc86e85", "0"]
dashboard.tsx?91c8:646 (2) ["0x4DD660E14E9d90eE5180b49c5833D4d0f5295daa", "0"]

this is also not rendering

v[1].map((e)=>("assasasa"))

check this out

https://codesandbox.io/s/sweet-architecture-ljo89?file=/src/App.js

Include more details. I think you are not returning the result inside the map. — Sarun UK
– Sarun UK, Commented Nov 21, 2020 at 10:14
([1,2,3]).map((e)=>{return ("assasasa")} this is also not rendering — yogom30110
– yogom30110, Commented Nov 21, 2020 at 10:18
v[1].length =2 but not rendering with map console.log prints data — yogom30110
– yogom30110, Commented Nov 21, 2020 at 10:19

Sarun UK · Accepted Answer · 2020-11-21 10:30:21Z

4

You are not returning the result inside the map

 return (
    <div className="App">
      {box.map((e) => {
        return box.map((e) => {
          return "aassssaa";
        });
        //return ("aaaa")
      })}
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );

code - https://codesandbox.io/s/hopeful-frog-n664n?file=/src/App.js:143-415

answered Nov 21, 2020 at 10:30

Sarun UK

6,7667 gold badges26 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CountryTk · Accepted Answer · 2020-11-21 10:18:21Z

3

You need to return the item you want to render.

For example:


{array.map( (element) => {
    return <div>{element}</div>
})

}```

answered Nov 21, 2020 at 10:18

CountryTk

612 bronze badges

Comments

BLelouch · Accepted Answer · 2020-11-21 10:19:56Z

0

I guess the problem is you are using {} inside .map() method, instead you should use () to render JSX.

{(repos.length > 0) ? repos.flatMap((v, i) => {
                                
if (e1 === (v[2]) && v[1].length>0) {

  v[1].map((e)=>
(
    {console.log(e)}
    <div>
     e
    </div>

)
}})}

answered Nov 21, 2020 at 10:19

BLelouch

4513 silver badges6 bronze badges

2 Comments

yogom30110 Over a year ago

still not rendering

BLelouch Over a year ago

Can you share repos ? I guess e itself is an array or object and hence the problem.

Collectives™ on Stack Overflow

React map not rendering array but console.logs

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related