带文本输入字段的单选按钮

Question

我有一个编辑页面，其中一个字段可以是 X、Y 或自定义字符串。下图是想要的结果。但不是“此处的文本字段”，它应该只是一个输入字段。

我们试图为此创建一个单独的字符串字段并附加两个表单，但它很笨重，我 100% 确定有更简洁的方法

<RadioButtonGroupInput
  label="Radio Input"
  source="someSource"
  optionText="custom"
  choices={[
    { id: "option-1", name: "Option 1" },
    { id: "option-2", name: "Option 2" },
    { id: "custom", name: "Custom option" }
  ]}
/>

据我从 React 管理文档中了解到，这就是你应该如何做的。

Answer 1

React-admin 没有提供这样做的方法。 <SelectInput>、<AutocompleteInput>、<SelectArrayInput> 和 <AutocompleteArrayInput> 支持创建自定义选项，但 <RadioButtonGroupInput>.

不支持

您必须编写自己的输入组件。 This PR 可能是一个很好的灵感。

带文本输入字段的单选按钮

Radio button with text input field

reactjs

react-admin