如何从 Redux 字段一次呈现 2 个字段

Question

我一次从 api 加载数据 5 条记录，我想第一次呈现 2 条记录，单击加载更多后又出现了 2 条记录。 Redux 字段数组

<FieldArray name="facilityData"
                        component={this.getFacilities}
                    />

返回函数它包括映射函数运行和渲染redux字段

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 函数添加中断。

Answer 1

您可以使用地图函数中的索引来控制应显示多少个字段。返回 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
  })
}

如何从 Redux 字段一次呈现 2 个字段

How to render 2 fields at a time from Redux fields

javascript

reactjs

redux

react-redux

react-redux-form