Reactjs React admin从db获取selectInput的唯一数据

我想在下拉菜单中从db中获取唯一的数据，因为我有两个下拉菜单，并且两个菜单相互依赖。例如，如果我在一个下拉菜单中选择某个对象，那么它将在另一个下拉菜单中显示与该对象相关的数据。 `

---

在第一个下拉列表中，我想显示来自doctype的唯一数据，在第二个下拉列表中，它将相应地显示docname，我们为此使用了一个自定义输入组件：

界面唯一选择InputProps{
选择？：[]；
来源？：字符串；
}
const UniqueSelectInput=（props:UniqueSelectInputProps）=>{
const{choices，source}=props；
让选项_唯一：数组=[]；
如果（选项和源）{
常量选项\u唯一\u列表=选项
.map（项=>项[源]）
.filter（（值，索引，self）=>self.indexOf（值）==index）；
choices\u unique=choices\u unique\u list.map（项=>{
返回{name:item，id:item}；
});
}
返回(
);
};

<FormDataConsumer>

  {({ formData, dispatch, ...rest }) => (

    <Fragment>

      <ReferenceInput basePath={props.basePath} validate={requiredValidator} source="cc_documents_section_id" reference="documents-section" label="Document Type">
       <SelectInput optionText="cc_document_type" {...rest} />
     </ReferenceInput>

     <ReferenceInput source="cc_documents_section_id" reference="documents-section" validate={requiredValidator} label="Document Name">
        <SelectInput optionText="cc_document_name"
                            onChange={value => dispatch(
                            change(REDUX_FORM_NAME,'cc_document_type', null)
                                )}{...rest}
                         />
          </ReferenceInput>

       </Fragment>
      )}
</FormDataConsumer>`

{ doctype: "A", docname: "X", id: 1 },
{ doctype: "A", docname: "Y", id: 2 },
{ doctype: "B", docname: "Z", id: 3 }