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

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

如何從 Redux 字段一次渲染 2 個字段

如何從 Redux 字段一次渲染 2 個字段

慕工程0101907 2022-01-07 11:06:04
我一次從 api 加載數(shù)據(jù) 5 條記錄,我想第一次渲染 2 條記錄,點(diǎn)擊加載后又多了 2 條記錄。Redux 字段數(shù)組<FieldArray name="facilityData"                        component={this.getFacilities}                    />返回函數(shù)它包括正在運(yùn)行和渲染 redux 字段的 map 函數(shù)getFacilities = ({ fields, meta: { error, submitFailed } }) => {return fields.map((facility, index) => {return <div>{index}</div>})}我已經(jīng)實現(xiàn)了 fields.slice() 但是這個函數(shù)在 Redux 表單字段中不起作用我努力了getFacilities = ({ fields, meta: { error, submitFailed } }) => {        const setss = [...Array(fields)];        console.log(setss);    }它回來了: 我想一次加載 2 條記錄,如何使用 fields.map 函數(shù)添加中斷。
查看完整描述

1 回答

?
胡子哥哥

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

您可以使用 map 函數(shù)中的索引來控制應(yīng)顯示多少字段。返回null不會渲染任何東西。不過,您需要自己處理增加fieldsToShow變量。


const fieldsToShow = 2; // could be pulled from state



getFacilities = ({ fields, meta: { error, submitFailed } }) => {

  return fields.map((facility, index) => {

    return index < Math.min(fieldsToShow, fields.length) ? <div>{/* Render the field */}</div> : null

  })

}


查看完整回答
反對 回復(fù) 2022-01-07
  • 1 回答
  • 0 關(guān)注
  • 149 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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