ReferenceField 不工作 react-admin

ReferenceField is not working react-admin

我正在尝试实现一个显示项目列表的 table。我遵循 https://github.com/marmelab/react-admin/tree/master/examples/demo

的源代码

table 的预期结果: https://marmelab.com/react-admin-demo/

但这就是我得到的:

我一遍又一遍地检查我的代码,我什至尝试将代码复制到: https://github.com/marmelab/react-admin/blob/master/examples/demo/src/invoices/InvoiceList.tsx 但是客户和订单列不会呈现,尽管在幕后,fakeRest 正在获取数据:

所以我怀疑是渲染部分出了问题。

如何复制:

  1. git 克隆 https://github.com/CrownKira/digitalace-frontend.git
  2. cd 到 root 然后 运行 yarn install 然后 yarn dev
  3. 将浏览器指向 http://localhost:3000/#/invoices 并观察客户和订单不存在,即使已获取数据(请参阅“网络”选项卡下)(您可以尝试从 json-server 到 fakeRest(在 src/index.ts 下),结果还是一样。

我相信您没有在 App.tsx 中添加 customers 资源。根据 documentation

You must add a <Resource> for the reference resource - react-admin needs it to fetch the reference data. You can omit the list prop in this reference if you want to hide it in the sidebar menu.

如果您将 customers 添加为 Resource,您会看到完美的引用和渲染。

<Resource name="customers"/>