您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

对象作为React子对象无效(找到:[object Promise])

对象作为React子对象无效(找到:[object Promise])

this.renderPosts()将返回Promise非实际数据,并且AFAIK Reactjs将不会在中隐式解析Promisesrender

你需要这样

componentDidMount() {
  this.renderPosts();
}

renderPosts = async() => {
  try {
    let res = await axios.get('/posts');
    let posts = res.data;
    // this will re render the view with new data
    this.setState({
      Posts: posts.map((post, i) => (
        <li key={i} className="list-group-item">{post.text}</li>
      ))
    });
  } catch (err) {
    console.log(err);
  }
}

render() {
  return (
    <div>
      <ul className="list-group list-group-flush">
        {this.state.Posts}
      </ul>
    </div>
  );
}
其他 2022/1/1 18:20:15 有523人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶