React Native - Fetch with authentication

Question

我目前正在用React Native开发一个应用程序，使用Python的API。我想获取一个需要身份验证的页面：

My authentication page

我正在使用一个带有POST方法的fetch：

 export default class WebaurionScreen extends Component {
  constructor(props){
    super(props);
    this.state ={ isLoading: true}
  }

  state = {
      'login': '',
      'pwd': ''
   }

   componentDidMount = () => {

        AsyncStorage.getItem('login').then((value) => this.setState({ 'login': value }))
        AsyncStorage.getItem('pwd').then((value) => this.setState({ 'pwd': value }))

        return fetch('https://api-five.herokuapp.com/webaurion/login_aurion',{
        method: 'POST',
        headers: {
            Accept: 'application/json',
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            login: 'mylogin',
            psw: 'mypassword',
        })
        })

        .then((response) => response.json())
        .then((responseJson) => {
            this.setState({
                isLoading: false,
                dataSource: responseJson.NOTES,
            });
        })
        .catch((error) =>{
        console.error(error);
      });
    }

但它根本不起作用...

你能帮我解决这个问题吗？

Answer 1

我尝试了一段时间，但后来使用了https://github.com/axios/axios，它应该可以工作，有一个本机扩展，但不是必需的。