在React Admin中如何禁用ReferenceInput的选择功能？

要禁用ReferenceInput的选择功能，核心是控制其内部选择组件（此处为SelectInput）的可交互状态，以下是两种常用方案：

方案一：直接禁用内部的SelectInput #

选择功能由嵌套的SelectInput提供，给它添加disabled属性即可完全禁用选择操作：

<ReferenceInput label="Post" source="post_id" reference="posts">
  <SelectInput optionText="id" disabled />
</ReferenceInput>

方案二：给ReferenceInput添加disabled属性 #

ReferenceInput会将disabled属性传递给它的子输入组件，同样能实现禁用效果：

<ReferenceInput label="Post" source="post_id" reference="posts" disabled>
  <SelectInput optionText="id" />
</ReferenceInput>

只读场景替代方案 #

如果你的需求是仅展示关联数据、不需要编辑选择，更适合用ReferenceField替代ReferenceInput，这类组件专为Show页面等只读场景设计：

<ReferenceField label="Post" source="post_id" reference="posts">
  <TextField source="id" />
</ReferenceField>

内容的提问来源于stack exchange，提问作者Shridutt Kothari