如何在React Native中使用条件常量

Question

我想使用条件常数

[如果获得索引1，则返回A，如果获得索引2，则返回B，如果获得索引3，则返回C

例如...像这样。

  const element = (data, index) => (
switch(index){

case '1' :
        <View>
          <Text> A </Text>
        </View>
        break;

case '2' :
        <View>
          <Text> B</Text>
        </View>
        break;

case '3' :
        <View>
          <Text> C</Text>
        </View>
        break;
}
)

我该怎么做。感谢您的帮助

Answer 1

是的，您可以在jsx文件中执行此操作

const getElement = (data, index) => (
switch(index){

  case '1' :
        return(<View>
          <Text> A </Text>
        </View>)
        break;

  case '2' :
        return(<View>
          <Text> B</Text>
        </View>)
        break;

  case '3' :
        return(<View>
          <Text> C</Text>
        </View>)
        break;
 }
)

并且在您的主要组件中

<Component>{getElement(data,index)}</Component>

Answer 2

获取render函数的switch语句，并通过传递必要的值来调用它

switchFunc = (val) => {
   case val :
        return(<View>
          <Text> A </Text>
        </View>)
        break;

  case val :
        return(<View>
          <Text> B</Text>
        </View>)
        break;

  case val :
        return(<View>
          <Text> C</Text>
        </View>)
        break;
 }
}

render() {
  return (
      <>
      {this.switchFunc(param)} 
      </>
  );
}