JS中写了selected属性，但是浏览器页面元素没展示selected，然而选项值确实默认选中了，是为什么？

如下：

<select style={{display:‘none’}} class=“select cf-select” id={customFieldId} multiple=“multiple” name={customFieldId} size=“5”
data-remove-null-options=“true” data-submit-input-val=“true” data-input-text=“”>
{multiValue.map(option => {
return <option value={option.value} selected>{option.value}</option>
})}
</select>

原因：

在React中，selected属性并不会直接显示在DOM元素上，因为React使用虚拟DOM来管理和更新UI。当你在React组件中设置selected属性时，React会在内部的虚拟DOM中记录这个属性，并在需要时使用它来更新实际的DOM。 然而，虽然selected属性可能不会直接显示在DOM元素上，但它的效果（即选中的选项）仍然会在浏览器中显示。这是因为React会确保实际的DOM状态与虚拟DOM中记录的状态保持一致。 所以，即使你在浏览器的元素检查器中看不到selected属性，但只要你在React组件中正确地设置了它，选中的效果就会在页面上显示。