如何在react native中显示网络错误消息

import { NetInfo } from 'react-native';

const [isConnected, setIsConnected] = useState(true);
const [errorMessage, setErrorMessage] = useState('');

useEffect(() => {
  const unsubscribe = NetInfo.addEventListener(state => {
    setIsConnected(state.isConnected);
  });

  return () => {
    unsubscribe();
  };
}, []);

if (!isConnected) {
  return (
    <View>
      <Text>网络连接已断开</Text>
    </View>
  );
} else {
  // 正常渲染其他内容
}

useEffect(() => {
  const unsubscribe = NetInfo.addEventListener(state => {
    setIsConnected(state.isConnected);
    if (!state.isConnected) {
      setErrorMessage('网络连接已断开');
    } else {
      setErrorMessage('');
    }
  });

  return () => {
    unsubscribe();
  };
}, []);

// 在需要显示错误消息的地方
if (!isConnected) {
  return (
    <View>
      <Text>{errorMessage}</Text>
    </View>
  );
} else {
  // 正常渲染其他内容
}