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

如何解决带有文本输入字段的单选按钮

我有一个编辑页面，其中一个字段可以是 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 admin 文档中了解到的，这就是您应该如何做的。

解决方法

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

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