Как я могу использовать условную константу в 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

Получить оператор switch из функции render и просто вызвать его, передав необходимое значение

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