REACT-ADMIN 中源的条件渲染？

Question

如何检查源是否存在？？？ 关于在 React-ADMIN 中条件渲染源的问题

看看我的前端：

有时，源“dateStart”存储为：

 {
report_request: {
  dateStart: 'whatever1'
dateEnd: 'watever2'
}
}

和其他时间，它们存储为：

 {
report_request: 
{dates: {
 dateStart: 'whatever1'
dateEnd: 'watever2'}
}
}

所以我想告诉 react-admin 嘿.. 如果您无法通过 source="report_request.dateStart" 获取 startDate，请尝试 source="report_request.dates.dateStart"

我怎么能在 react-admin 中做到这一点？？？

Answer 1

尝试

report_request.dateStart || report_request.dates.dateStart

Answer 2

您必须创建一个自定义字段，根据值呈现任一字段：

import { useRecordContext, DateField } from 'react-admin';

const ReportRequestDateField = () => {
   const record = useRecordContext();
   if (!record) return null;
   return record.report_request.dateStart
       ? <DateField source="report_request.dateStart" />
       : <DateField source="report_request.dates.dateStart" />;
};

https://marmelab.com/react-admin/Fields.html#conditional-formatting的模式信息