在react-admin中编辑嵌套protobuf字段的最佳方法是什么？

Question

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

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

图案。

但是，我们的一个字段是嵌套的protobuf对象。虽然它是嵌套的，但是这个protobuf对象的大多数字段都是相当基本的。我尝试使用点符号

<TextInput
  label="nestedField"
  source="ProtobufObject.nestedField"
/>

但这似乎不起作用。除了创建自定义输入之外，还有一种更简单的方法来处理它吗？

Answer 1

除了我刚刚在谷歌网站上阅读的内容之外，我对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",
    }
  }
]