React Native : Unexpected token, expected ","

Question

I am a learning react native and trying to apply an if condition based on map value but getting error

render() {
        return (
            <View>
                <Text>My List view</Text>
                {
                    this.state.fruits.map((item) => (

                        { if(item.id % 2 == 0) {
                        console.log("Even Number")
                    }}

                <Text key={item.id}>
                    {item.id + ". " + item.name}
                </Text>
                    ))
                }

            </View>
        )
    }

Anders Grandjean-Thomsen · Accepted Answer · 2021-02-13 06:40:16Z

1

You need to start your map with brackets {
remember to add a return statement when you want to output anything in your map loop
seems like there were a stray bracket }

result:

{fruits.map((item) => {
  if (item.id % 2 == 0) {
    console.log('Even Number');
  }

  return <Text key={item.id}>{item.id + '. ' + item.name}</Text>;
})}

answered Feb 13, 2021 at 6:40

Anders Grandjean-Thomsen

1223 bronze badges

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

Comments

Alwaysblue · Accepted Answer · 2021-02-13 06:39:43Z

1

Not sure what you are doing here

{
     this.state.fruits.map((item) => (
     { if(item.id % 2 == 0) {
     console.log("Even Number")
}}

But this looks so wrong.

This

.map((item) => (

means you are returning something and I don't think you can have if-else directly in return statement.

I think what you meant to do is

{
     this.state.fruits.map((item) => {
     if(item.id % 2 == 0) {
     console.log("Even Number")
     } 
     return 
    // whatever you want to return 
}}

answered Feb 13, 2021 at 6:39

Alwaysblue

12.2k45 gold badges144 silver badges257 bronze badges

Comments

Sergei Sevriugin · Accepted Answer · 2021-02-13 06:45:59Z

1

render() {
        return (
            <View>
                <Text>My List view</Text>
                {
                    this.state.fruits.map((item) => {

                        if(item.id % 2 == 0) {

                           console.log("Even Number")

                        }

                        return( <Text key={item.id}>{item.id + ". " + item.name </Text> )
                    
                    })
                }

            </View>
        )
    }

answered Feb 13, 2021 at 6:45

Sergei Sevriugin

4983 silver badges8 bronze badges

Collectives™ on Stack Overflow

React Native : Unexpected token, expected ","

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related