已解決430363個問題，去搜搜看，總會有你想問的

我們如何獲取/重新渲染 ANT D 列中的異步數據

首頁猿問我們如何獲取/重新渲染 ANT D...

我們如何獲取/重新渲染 ANT D 列中的異步數據

JavaScript

喵喵時光機 2023-09-14 20:38:30

我需要使用列中的文本從 ant d 表列中獲取數據并重新渲染結果，但我的代碼無法正常工作？const columns = [ { title: "Stocks On Hand", dataIndex: "key", width: "33.333333333%", render: async function render(text) { //console.log(warehouse) const data = await dispatch(getStocksDetails(text,warehouse)) // console.log(data) return ( <> { <Text>{data.qty}</Text> } </> ) }, }, 沒有顯示任何數據

查看完整描述

1 回答

縹緲止盈

TA貢獻2041條經驗獲得超4個贊

您可以考慮將整個列數據存儲到組件狀態中。然后讓異步函數修改該狀態，這樣當承諾得到解決時，它將更新狀態并觸發整個列的重新渲染。

問題是您需要手動處理表組件的加載狀態，因為穩定版本的 Suspense API 目前不支持數據獲取。

它是這樣的

const MyComponent = () => {

const [data, setData] = useState([]);

const asyncFn = async () => {

// do your data fetching here

await fetchDataStuff().then((response)=>setData(response));

}

useEffect(()=> {

asyncFn();

}, [asyncFn]);

return (<column>{data}</column>);

}

編輯：我添加了useEffect依賴項以防止組件在每次渲染時獲取數據。

反對回復 2023-09-14

1 回答
0 關注
156 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

我們如何獲取/重新渲染 ANT D 列中的異步數據

我們如何獲取/重新渲染 ANT D 列中的異步數據

1 回答

添加回答