如何使用react native处理axios post请求

import React, { useState } from 'react';
import { View, TextInput, Button, Alert } from 'react-native';
import axios from 'axios';

const App = () => {
  const [username, setUsername] = useState('');
  const [password, setPassword] = useState('');

  const handleLogin = async () => {
    try {
      const response = await axios.post('https://your-api-endpoint.com/login', {
        username,
        password
      });
      console.log(response.data);
      Alert.alert('Success', 'Logged in successfully!');
    } catch (error) {
      console.error(error);
      Alert.alert('Error', 'There was an error logging in.');
    }
  };

  return (
    <View>
      <TextInput
        placeholder="Username"
        value={username}
        onChangeText={setUsername}
      />
      <TextInput
        placeholder="Password"
        secureTextEntry={true}
        value={password}
        onChangeText={setPassword}
      />
      <Button title="Login" onPress={handleLogin} />
    </View>
  );
};

export default App;

axios.post('https://your-api-endpoint.com/login', {
  username,
  password
}, { timeout: 5000 }) // 设置超时时间为5秒