javascript - 如何将异步函数的返回分配给 React Native 中的变量

Question

我尝试在 JavaScript 和 React Native Framework 中寻找出路:

基本上我正在尝试的是通过获取与 API 对话，所以我设置了一个 AsyncFunction:

class MyComponent extends React.Component {
     async getToken(client_id, client_key, username, password) {
        try {
        let response = await fetch('https://expample.com/o/token/', {
            method: 'POST',
            body: JSON.stringify({
              client_id: client_id,
              client_secret: client_key,
              grant_type: 'password',
              username: username,
              password: password,
            })
          });
          let responseJson = await response.json();
          return responseJson.access_token;
        } catch(error) {
          console.error(error)
        }
      }
...
}

但现在我不知道如何调用这个函数。

var token = getToken.token

只是给出一个语法错误并且

'token': getToken.token

也行不通。

Answer 1

您可以像这样将响应分配给组件的状态:

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { token: null, };
  }

  async getToken(client_id, client_key, username, password) {
    try {
    let response = await fetch('https://example.com/o/token/', {
        method: 'POST',
        body: JSON.stringify({
          client_id: client_id,
          client_secret: client_key,
          grant_type: 'password',
          username: username,
          password: password,
        })
      });
      let responseJson = await response.json();
      this.setState({ access_token: responseJson.access_token });
    } catch(error) {
      console.error(error)
    }
  }
}