在react-admin中编辑嵌套protobuf字段的最佳方法?

时间:2018-08-08 07:26:10

标签: react-admin

对于我们的管理页面,我们使用的是基本

<SimpleForm>
  <TextInput>
  ...
</SimpleForm>

模式。

但是,我们的一个字段是嵌套的protobuf对象。尽管它是嵌套的,但此protobuf对象的大多数字段都是相当基本的。我尝试使用

之类的点表示法
<TextInput
  label="nestedField"
  source="ProtobufObject.nestedField"
/>

但这似乎不起作用。除了创建自定义输入之外,还有其他更直接的处理方法吗?

1 个答案:

答案 0 :(得分:0)

除了我刚刚在Google网站上阅读的内容外,我对ProtobufObject一无所知。我有一个API,可在下面返回JSON。要显示事件名称,请使用source =“ event.eventName”。如果您的有效负载不是JSON,则需要在数据提供程序中对其进行转换。

[
  {
    "competitionName": "XYZ",
    "competitionStatus": "SCHEDULED",
    "id": 107,
    "createdAt": "2018-08-30T03:53:37.000Z",
    "updatedAt": "2018-08-30T03:53:37.000Z",
    "event": {
      "eventName": "XYZ",
      "eventDesc": "Something",
      "startDate": "2018-09-13T07:00:00.000Z",
      "startTime": "2018-08-30T01:00:58.482Z",
      "endTime": "2018-08-30T03:00:58.484Z",
      "eventLocation": "Gym",
      "competitionId": 107,
      "createdAt": "2018-08-30T03:53:37.000Z",
      "updatedAt": "2018-08-30T03:53:37.000Z",
    }
  }
]