React-admin：嵌套项目出错

Question

当我创建一个像这样的输入时： 渲染没问题，但是提交时出现错误： index.js:1446 警告：缺少键的翻译：“无法读取 null 的属性 'name'”

export const PatientCreate = props => (
  <Create {...props}>
    <SimpleForm>
      <NumberInput source="bsn" />
      <TextInput source="patientname.firstname" />
      <BooleanInput source="active" />
    </SimpleForm>
  </Create>
);

当我删除嵌套项 Patientname.firstname 时，一切正常..有人知道吗？

使用 Prisma 服务器数据，但错误出现在 Create 中，在 put 发生之前，所以我认为我与 react-admin.. 模型是（Prisma MongoDB）：

type Patient {
  id: ID! @id
  bsn: Int @unique
  active: Boolean! @default(value: true)
  patientname: Patientname
  deceased: DateTime
}

type Patientname @embedded {
  firstname: String
}

在 React-admin 文档中： https://marmelab.com/admin-on-rest/Inputs.html#textinput

<TextInput source="author.firstName" />

Tnx 任何人都可以帮助我...

保罗

Answer 1

在您的 i18n 翻译文件中需要尊重嵌套引用。

React 管理员尝试使用属性 `resources.[resourcename].fields.[fieldname] (see docs) 进行翻译，如果不存在，它使用源属性上的字符串。如果您有嵌套资源并且没有包含嵌套引用的翻译文件，则会出现该错误，因为找不到嵌套源。

如果您创建这样的翻译文件：

const language = {
  resources: {
    patient: {
      patientname: {
        firstname: "firstname"
      }
    }
  }
};

您的问题已解决。注意需要将此翻译资源添加到 react-admin 中，更多信息可以找到here。