如何在React native中使用三元运算符

condition ? valueIfTrue : valueIfFalse

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

const App = () => {
  const isLoggedIn = true; // 假设这是一个表示用户是否登录的状态

  return (
    <View style={styles.container}>
      {isLoggedIn ? (
        <Text style={styles.text}>欢迎回来！</Text>
      ) : (
        <Text style={styles.text}>请登录。</Text>
      )}
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  text: {
    fontSize: 20,
    fontWeight: 'bold',
  },
});

export default App;

const getGreeting = (isLoggedIn) => {
  return isLoggedIn ? '欢迎回来！' : '请登录。';
};

return (
  <View style={styles.container}>
    <Text style={styles.text}>{getGreeting(isLoggedIn)}</Text>
  </View>
);