【问题标题】:ReferenceField is not working react-adminReferenceField 不工作反应管理员
【发布时间】:2021-08-20 10:07:47
【问题描述】:

我正在尝试实现一个显示项目列表的表格。我关注了https://github.com/marmelab/react-admin/tree/master/examples/demo的源代码

表格的预期结果: 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 下),结果还是一样)。

【问题讨论】:

    标签: reactjs typescript react-admin


    【解决方案1】:

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

    您必须为引用资源添加<Resource> - react-admin 需要它来获取引用数据。如果您想将它隐藏在侧边栏菜单中,您可以省略此参考中的 list 属性。

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

    <Resource name="customers"/>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-12-27
      • 1970-01-01
      • 1970-01-01
      • 2018-01-26
      • 2019-12-17
      • 2012-04-12
      • 2018-09-22
      • 2018-10-02
      相关资源
      最近更新 更多