Javascript 我们可以在React无状态组件中设置异步类型吗？

我有如下无状态函数：

  const func = () => {
    const fetchedPosts = getPost();

    const posts = fetchedPosts.map((item, i) =>
      <Post {...item} />
    );
  return (
    <div>
     {posts}
    </div>
  );
 }

这是因为getPost（）是一个承诺，react组件不会等到承诺得到解决

我试着用

 const func = async () => {
   const fetchedPosts = await getPost();
   ...

但我也犯了同样的错误

---

react组件支持异步/等待功能吗？

您不应该在UI组件中执行数据请求。它们应该只显示您自己冲突的数据，如果它有内部状态，则它不是“无状态”组件，在您的情况下就是这样。@MadaraUchiha是无状态组件。。它没有内部控制state@SamiKuhmonen那你有什么建议？我是否应该将其更改为普通组件而不是无状态组件，并使用状态来处理它？

 const func = async () => {
   const fetchedPosts = await getPost();
   ...