Question

我正在尝试通过名为 func1 的异步函数通过render属性为列填充render表中的Antd表（不在数据中）：

...
o.render = (text, record) => (<Progress percent = { func1.then((res)=> {return res} ) />)
...

问题不是显示异步函数返回的值，而是显示[object Promise]。

如何从中取消正确的值并准确显示？

任何指针表示赞赏。.

Answer 1

在没有任何上下文的情况下，可能的解决方案如下所示：

o.render = (text, record) => (
  <RowComp text={text} record={record} promise={func1} />
);

const RowComp = ({ promise, ...props }) => {
  useEffect(async () => {
    const res = await promise;
    setResult(res);
  }, []);
  ...
};

Antd Column呈现异步功能

1 个答案: