React-admin最新版ReferenceArrayInput无法设置默认值解决方案咨询

你遇到的问题在React-Admin里很常见，核心是对表单初始化机制和组件属性优先级的理解偏差，下面是几个关键修复点：

1. 表单级别的initialValues才是正确的初始化入口 #

React-Admin的表单组件（如SimpleForm）会统一管控表单初始值，单个输入组件上的initialValue或defaultValue会被表单的initialValues覆盖。你需要把预选中的ID数组放到表单的initialValues属性里，而非ReferenceArrayInput组件上。

2. 移除子组件重复的source属性 #

你的AutocompleteArrayInput重复设置了source="userIds"，但这个数据源已经由父组件ReferenceArrayInput指定，子组件会自动继承该属性，重复设置会导致值绑定冲突，直接删除即可。

3. 确保引用资源存在对应ID的记录 #

ReferenceArrayInput需要先从users资源接口获取到ID为1、2、3的用户数据，才能渲染出选中项的显示文本（比如name字段）。如果接口未返回这些数据，选中的ID可能只会显示为纯数字或完全不显示，看起来像是未选中状态。

修正后的代码示例（Create页面场景） #

import { Create, SimpleForm, ReferenceArrayInput, AutocompleteArrayInput } from 'react-admin';

export const YourCreateComponent = () => (
    <Create>
        <SimpleForm initialValues={{ userIds: [1, 2, 3] }}>
            <ReferenceArrayInput source="userIds" reference="users">
                <AutocompleteArrayInput label="user" optionText="name" />
            </ReferenceArrayInput>
        </SimpleForm>
    </Create>
);

Edit页面场景补充 #

如果是在Edit页面，无需手动设置初始值，只要确保你的API返回的record对象中userIds字段值为[1,2,3]，表单会自动从record中读取并选中对应选项。

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