React Native - 使用身份验证获取

时间:2018-06-12 09:44:13

标签: javascript reactjs native

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

My authentication page

我正在使用POST方法获取:

 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);
      });
    }

但它根本不起作用......

你可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

我正在玩这个片段一段时间,但随后就去了 https://github.com/axios/axios 它应该工作,有一个原生扩展,但不是必需的。