第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我們?nèi)绾潍@取/重新渲染 ANT D 列中的異步數(shù)據(jù)

我們?nèi)绾潍@取/重新渲染 ANT D 列中的異步數(shù)據(jù)

喵喵時光機(jī) 2023-09-14 20:38:30
我需要使用列中的文本從 ant d 表列中獲取數(shù)據(jù)并重新渲染結(jié)果,但我的代碼無法正常工作?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>                   }                </>            )        },    }, 沒有顯示任何數(shù)據(jù)
查看完整描述

1 回答

?
縹緲止盈

TA貢獻(xiàn)2041條經(jīng)驗 獲得超4個贊

您可以考慮將整個列數(shù)據(jù)存儲到組件狀態(tài)中。然后讓異步函數(shù)修改該狀態(tài),這樣當(dāng)承諾得到解決時,它將更新狀態(tài)并觸發(fā)整個列的重新渲染。


問題是您需要手動處理表組件的加載狀態(tài),因為穩(wěn)定版本的 Suspense API 目前不支持?jǐn)?shù)據(jù)獲取。


它是這樣的


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依賴項以防止組件在每次渲染時獲取數(shù)據(jù)。


查看完整回答
反對 回復(fù) 2023-09-14
  • 1 回答
  • 0 關(guān)注
  • 169 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號