在react native中使用if else语句呈现块

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

const MyComponent = ({ isLoggedIn }) => (
  <View>
    {isLoggedIn ? (
      <Text>Welcome back!</Text>
    ) : (
      <Text>Please sign up.</Text>
    )}
  </View>
);

export default MyComponent;

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

const MyComponent = ({ isLoggedIn }) => (
  <View>
    {isLoggedIn && <Text>Welcome back!</Text>}
    {!isLoggedIn && <Text>Please sign up.</Text>}
  </View>
);

export default MyComponent;

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

const MyComponent = ({ isLoggedIn }) => {
  const renderContent = () => {
    if (isLoggedIn) {
      return <Text>Welcome back!</Text>;
    } else {
      return <Text>Please sign up.</Text>;
    }
  };

  return <View>{renderContent()}</View>;
};

export default MyComponent;