简体   繁体   English

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

[英]How can I filter RadioButton choices based on another field in react-admin?

I am using read-admin.我正在使用读取管理员。 https://marmelab.com/react-admin . https://marmelab.com/react-admin I have a ReferenceArrayInput field named " Members " for selecting multiple values.我有一个名为“成员”的 ReferenceArrayInput 字段,用于选择多个值。 I also have a RadioButtonGroupInput named " Manager " whose choices depend upon the values selected for " Members " ie Manager can only be one of the members .我还有一个名为“ Manager ”的 RadioButtonGroupInput,其选择取决于为“ Members ”选择的值,即Manager只能是成员之一 How do I display only the selected members as options in Manager field?如何在“经理”字段中仅将选定成员显示为选项? I used FormDataConsumer to get current form values and use the members as choices in manager field.我使用 FormDataConsumer 获取当前表单值并使用成员作为管理器字段中的选项。 But it shows all the operators as choices.但它将所有运算符显示为选项。

Here is my file.jsx这是我的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>
  )
}

Try this:尝试这个:

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM