Question 343228 in Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – Checking content of a map function inside return section of React js

How can I check in React if a map function is empty or not inside the return section? wanna check If it’s empty, if so render an empty array, otherwise wanna render everything by mapping the content. I am asking because rendering an empty array this way will cause an exception..

return (

{functionName.map((…}

)

{functionName.map.lengh().? …}

)

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Looks like the quickest way around this is by adding a "?" mark to the function name like this?

    {functionName?.map.((item)=>...}


  2. 0

    Is your function returning an array?
    Why not store what it returns in a usestate and map directly from the state using this

    state?.map(your map goes here).
    That way, it will be more easier for you, cleaner and more readable.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search