MUI 的 Autocomplete 组件在多选模式下，defaultValue 必须与 options 中的选项对象类型完全一致（而非仅 label 字符串），否则默认值无法生效。本文详解问题根源、修复方案及关键注意事项。
如何正确设置 mui autocomplete 多选下拉框的默认选中值：mui 的 autocomplete 组件在多选模式下，`defaultvalue` 必须与 `options` 中的选项对象类型完全一致（而非仅 label 字符串），否则默认值无法生效。本文详解问题根源、修复方案及关键注意事项。
在使用 Material-UI（MUI）的 defaultValue 设为字符串数组（如 ["All"]），而实际组件要求其值必须是 与 options 中结构一致的对象数组。你当前代码中的问题正源于此：
defaultValue={[transformedNpaData[0].label]} // ❌ 错误：传入字符串 "All"
transformedNpaData[0].label 是 "All"（字符串），但 Autocomplete 在 multiple 模式下期望 defaultValue 是形如 [{ label: "All", value: "0" }] 的对象数组 —— 因为 value、onChange 回调返回值、isOptionEqualToValue 判断逻辑均基于完整选项对象。
✅ 正确写法应为：
defaultValue={[transformedNpaData[0]]} // ✅ 正确：传入完整选项对象
同时，请确保其他关键配置协同一致：
-
value状态（selectedNamesState）也必须初始化为对象数组（而非字符串数组）：const [selectedNamesState, setSelectedNamesState] = useState(transformedNpaData.slice(0, 1)); // 默认选中第一个（"All"）
isOptionEqualToValue已正确定义（你已实现），它通过option.value === value.value进行精准比对，这是多选场景下维持状态一致性的核心保障。-
getOptionLabel和renderTags中的.replace(/[\[\]']+/g, '')属于数据清洗逻辑，建议提前在transformedNpaData构建阶段处理，避免重复执行：const transformedNpaData = stateNPAValue[formData.state.value].map((label, index) => ({ label: label.replace(/[\[\]']+/g, ''), // 提前净化 value: index.toString() }));
⚠️ 注意事项：
- 不要混用
value/defaultValue类型：二者必须同构（均为对象数组）； - 若需“全选”语义（如
"All"表示全部 NPA），建议在NPAHandler中特殊处理该选项，避免与真实 NPA 值冲突； -
defaultValue仅在组件首次挂载时生效；若需响应式更新默认值，请改用受控模式 +useEffect同步value。
综上，修复核心仅需一行：将 defaultValue={[transformedNpaData[0].label]} 改为 defaultValue={[transformedNpaData[0]]}，并确保初始 value 状态类型匹配。这是 MUI Autocomplete 多选场景下保证默认选中可靠性的基础前提。
