我不知道如何正确获取数据

问题描述 投票:3回答:2

我有一个Users类,我想从服务器那里获取数据,以便以后将其写入状态并将数据从状态传递到子组件

export default class Users extends Component {
  constructor(props) {
    super(props);
    this.state = {
      users: this.getUsers(),
    };
  }

  getUsers = async () => {
    await return fetch(`http://localhost:3001/users`, {
      method: 'POST',
      accept: 'application/json'
    }).then(res => {
      if(res.ok) {
        res.json();
      }
    })
  }
}

这是当我输出有关this.state.users的数据时控制台向我显示的内容>

enter image description here

我曾尝试寻找类似的情况,但没有发现任何值得的东西,因此我在这里寻求帮助。如有任何建议或帮助,我将不胜感激。我只在js学习异步]

我有一个Users类,我想从服务器那里获取数据,以便以后将其写入状态,并将数据从状态传递给子组件。导出默认类Users扩展了Component {...

javascript reactjs async-await react-redux fetch
2个回答
1
投票
如果使用异步等待,则不必传递回调函数,只需await promises并在成功响应的情况下更新状态。

1
投票
添加componentDidMount并调用getUsers并设置状态。
© www.soinside.com 2019 - 2024. All rights reserved.