React-native和AXIOS上的条件渲染问题

if (condition) {
  // 渲染的组件或元素
} else {
  // 渲染的备选组件或元素
}

condition ? <Component1 /> : <Component2 />

condition && <Component />

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const MyComponent = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    axios.get('https://api.example.com/data')
      .then(response => {
        setData(response.data);
      })
      .catch(error => {
        console.error(error);
      });
  }, []);

  return (
    <div>
      {data ? (
        <div>
          {/* 渲染数据 */}
          {data.map(item => (
            <div key={item.id}>{item.name}</div>
          ))}
        </div>
      ) : (
        <div>
          {/* 渲染加载中的提示 */}
          Loading...
        </div>
      )}
    </div>
  );
};

export default MyComponent;