Question

我有一个类似以下代码的表格。基于包含字段property的相关记录dataType，我想显示或隐藏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中加载相关数据

1 个答案: