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

Question

我想使用条件常量

如果我得到索引 1，那么 return A，如果我得到索引 2，那么 return B，如果我得到索引 3，那么 return 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)} 
      </>
  );
}

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

How can I use conditional constant in React Native

reactjs

react-native

native