在 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 中引用相同的加载资源。