Question

应用程序的一般概念：在管理面板中，我希望能够对以下实体执行CRUD操作： Slider 和横幅。横幅可以添加到许多滑块中，并且每个位置可以具有不同的位置。因此，存在第三个实体： BannerSlider ，该实体由 banner_id ， slider_id 和 position组成字段；

代码：

export const SliderEdit = props => (
    <Edit {...props}>
        <SimpleForm>
            <NumberInput source="status" />
            <ArrayInput source="bannerSliders">
                <SimpleFormIterator>
                    <ReferenceInput label="Banner" source="banner.id" reference="banners">
                        <SelectInput optionText="name" />
                    </ReferenceInput>

                    <NumberInput source="position" />
                </SimpleFormIterator>
            </ArrayInput>
        </SimpleForm>
    </Edit>
);

问题：当给定滑块分配了5个横幅时，有5个后端请求，每个请求来自<ReferenceInput>。每个请求都是相同的请求，并且具有相同的参数。有什么办法只能叫后端一次？还是我的代码有问题？

此外，作为旁注-我认为当用户单击“添加”时，不应再有新的ReferenceInput请求，因为所有数据已经存在。但这是作者要考虑的事情。（是的，我知道我也可以做出贡献：P）

Answer 1

为什么不使用React.context，redux或只是使用localStorage来获得一层持久性？

流量

来自axios / fetch /另一个库的请求
检查给定请求的数据是否已存在于您的持久层中
如果数据丢失，请从服务器获取，然后将其保留
如果已经存在数据，请返回而不是查询后端

react-admin中是否有任何缓存

1 个答案: