reactjs React-传递需要等待的道具

carvr3hs  于 2022-11-22  发布在  React
关注(0)|答案(1)|浏览(133)

我试图从我的组件传递一个来自异步函数的属性。
下面的代码:

export const Bar = (props: Props) => {
...
 const getValue = async () => {
    const { value } = await initValue();
    return  value;
  }
...
  return (
    <Foo value={getValue()}/> //Error in this line
}

TS抛出错误:
型别'Promise'遗漏型别'Element'的下列属性:类型,属性,密钥ts(2739)块引用
我如何才能做到这一点?

inkz8wg9

inkz8wg91#

无需调用getValue(),只需将其作为函数变量发送,然后在需要的地方调用它

<Foo value={getValue}/>

此外,在您的情况下,最好的方法是将值设置为状态,然后将值作为道具发送。

相关问题