Antd Column 渲染异步函数

Question

我试图通过名为func1的异步函数通过列的渲染属性填充 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);

  }, []);

  ...

};