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

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

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

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

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

1 回答

?
胡子哥哥

TA貢獻1825條經驗 獲得超6個贊

您可以使用 map 函數中的索引來控制應顯示多少字段。返回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

  })

}


查看完整回答
反對 回復 2022-01-07
  • 1 回答
  • 0 關注
  • 151 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號