如何根据 react-admin 中的另一个字段过滤 RadioButton 选项？

Question

我正在使用读取管理员。 https://marmelab.com/react-admin 。我有一个名为“Members”的 ReferenceArrayInput 字段，用于选择多个值。我还有一个名为“Manager”的 RadioButtonGroupInput，其选择取决于为“Members”选择的值，即 Manager 只能是 Manager 之一强>成员。如何在 Manager 字段中仅将选定的成员显示为选项？我使用 FormDataConsumer 获取当前表单值并将成员用作管理器字段中的选项。但它将所有运算符显示为选择。

这是我的 file.jsx

export const MyCreate = (props) => {

  return (
    <Create {...props}>
      <SimpleForm>
        
        <ReferenceArrayInput
          source="members"
          reference="operator"
          label="Members"
        >
          <SelectArrayInput optionText='name'/>
        </ReferenceArrayInput>

        <FormDataConsumer>
          {({ formData, ...rest }) => (
            <ReferenceInput
              source="manager"
              label="Manager"
              reference="operator"
            >
              <RadioButtonGroupInput
                optionText="name"
                choices={formData.members}
              />
            </ReferenceInput>
          )}
        </FormDataConsumer>

      </SimpleForm>
    </Create>
  )
}

Answer 1

试试这个：

<FormDataConsumer>
   {({ formData, ...rest }) => (
      <RadioButtonGroupInput
          optionText="name"
          source="manager"
          choices={formData.members}
      />
   )}
</FormDataConsumer>