在react-admin中加载相关数据

Question

我有一个类似于下面代码的表格。根据包含字段 dataType 的相关记录 property，我想在 formProvider 中显示或隐藏一些字段。

// src.js
export const PropCreate = (props) => (
<Create {...props}>
  <SimpleForm>

    <ReferenceInput
      label="Property"
      source="definitionId"
      reference="properties"
    >
      <SelectInput optionText="name" />
    </ReferenceInput>

    <FormDataConsumer>
      {({ formData, ...rest }) => (
        <React.Fragment>
          <NumberInput source="intValue" {...rest} />
          <TextInput source="stringValue" {...rest} />
          <NumberInput source="doubleValue" {...rest} />
          <LongTextInput source="textValue" {...rest} />
        </React.Fragment>
      )}
    </FormDataConsumer>
  </SimpleForm>
</Create>
)

我应该在 FormDataConsumer 中做什么才能获得完整的 property 记录？我找不到如何从服务器或 redux 存储加载属性记录并执行逻辑的示例。

Answer 1

我遇到了同样的问题，我想到的是加载 componentDidMount 中的所有引用资源并使用 SelectInput 而不是 ReferenceInput。这样，您就可以在 FormDataConsumer.

中引用相同的加载资源

在react-admin中加载相关数据

Load related data in react-admin

react-admin