使用SimpleForm在包装的字段组件中缺少字段标签

时间:2018-09-25 12:03:35

标签: react-admin

我正在SimpleForm组件上显示记录,并且希望使记录的审核数据(updatedByupdatedAt等)可重用。

当我显示这样的记录时,标签上没有问题。 ReferenceField的标签正常显示。

const FloorPlanEdit = (props) => {
  return (
    <Edit {...props}>
      <SimpleForm>
        <TextInput source="label" />
        <CustomerSelectInput />
        <TextInput source="image.url" />
        <NumberInput source="image.scale" />

        <ReferenceField label="Created By" source="audit.createdBy" reference="users">
          <TextField source="username" />
        </ReferenceField>

      </SimpleForm>
    </Edit>
  ); 
};

屏幕截图:documentation

这是一个奇怪的例子,在这个例子中标签没有出现在屏幕上。我将ReferenceField组件与AuditView组件一起包装,我正确地传递了props但标签仍然丢失

const AuditView = (props) => {
  return (
    <ReferenceField {...props} label="Created By" source="audit.createdBy" reference="users">
      <TextField source="username" />
    </ReferenceField>
  );
};


const FloorPlanEdit = (props) => {
  return (
    <Edit {...props}>
      <SimpleForm>
           ....
        <AuditView />

      </SimpleForm>
    </Edit>
  ); 
};

屏幕截图:Label OK

btw数据正确显示。谢谢

0 个答案:

没有答案