从 api 获取 json 响应 - react.js

星期日的

嗨，
我目前正在尝试从我的 api 的响应中获取 jwt 令牌。
响应如下所示：

{
    "message": "Auth successful",
    "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6IlRvbUB0b20uZGUiLCJ1c2VySWQiOiI1ZGZiZTdiMWI3OTZkOTU4NzBiMGM4M2MiLCJpYXQiOjE1NzkyODg1NjYsImV4cCI6MTU4MTk2Njk2Nn0.7EmFE1D7wwqysPNkMMwiiw447TZiXy3kkqsXbyF1fDc"
}

现在我正在尝试从该函数的响应中获取令牌：

_signInAsync = async() => {

    if(this.state.email !== '' && this.state.password!== ''){

      fetch('http://192.168.2.60:4563/login', {
        method: 'POST',
        headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          email: this.state.email,
          password: this.state.password,
        }),
      })
      .then((response) => {
        if(response.ok){

          console.log(this.state.email);
          this.props.navigation.navigate('Main');
        }
      })
    }
  };

_signInAsync 函数是通过我创建的按钮调用的。在用不同的方法严重尝试后，我想不出正确的方法，所以现在我希望得到你的帮助！

来自柏林的问候！

CH4B

嘿德国人！

如果要获取 JSON，则需要先处理收到的数据。将您的提取更改为更像这样：

 fetch('http://192.168.2.60:4563/login', {
    method: 'POST',
    headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      email: this.state.email,
      password: this.state.password,
    }),
  })
  .then( res => res.json() )
  .then((data) => {
      console.log(data.token) // should print your token!
      this.props.navigation.navigate('Main');
  })

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。