React Native：意外的令牌，预期的“，”答案

【问题标题】：React Native : Unexpected token, expected ","React Native：意外的令牌，预期的“，”
【发布时间】：2021-02-13 06:34:38
【问题描述】：

我是一名学习反应本机的人，并尝试根据地图值应用 if 条件但出现错误

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>
        )
    }

【问题讨论】：

标签： react-native jsx

【解决方案1】：

你需要用括号{开始你的地图
当你想在地图循环中输出任何东西时，记得添加一个 return 语句
好像有一个流浪括号}

结果：

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

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

【讨论】：

【解决方案2】：

不知道你在这里做什么

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

但这看起来很不对。

这个

.map((item) => (

表示您正在返回一些东西，我不认为您可以在返回语句中直接使用if-else。

我认为你的意思是

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

【讨论】：

【解决方案3】：

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>
        )
    }

【讨论】：