Array loop inside conditional statement react-native not working

Question

I was trying to implement array iteration inside a conditional statement in react native like this,

{!loading&&documents.length>0?(
   {documents.map((item, i) => {
    return (
    <ViewButton>mybutton</ViewButton>
    )}}

   ):(
   null
 )}

But it shows syntax error in console

Unexpected token, expected "," (43:21)

41 | 42 |
{!loading&&documents.length>0?(

43 | {documents.map((item, i) => { | ^ 44 | return ( 45 | sss 46 | )}}

Blimeys · Accepted Answer · 2020-02-03 09:26:26Z

2

You have a syntax issue, this should work:

  !loading && documents.length > 0
? documents.map((item, i) => {
    return <ViewButton>mybutton</ViewButton>;
  })
: null;

I'd highly recommend to use a linter (eslint) and something like prettier so you don't run in issues like these.

answered Feb 3, 2020 at 9:26

Blimeys

1768 bronze badges

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

Comments

Rishav Kumar · Accepted Answer · 2020-02-03 09:54:24Z

0

Try this

  {!loading&&documents.length>0?(
   documents.map((item, i) => {
    return (
    <ViewButton>mybutton</ViewButton>
    )}

   )):(
   null
 )}
  }

answered Feb 3, 2020 at 9:54

Rishav Kumar

5,5302 gold badges19 silver badges34 bronze badges

Collectives™ on Stack Overflow

Array loop inside conditional statement react-native not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related