<li> 不能作为 <select> 的子项出现

Question

在Select中使用本机时出现以下错误

<TextField 
  select
  value={options.length ? value : defaultValue}
  SelectProps={{
    native: true,
  }}>

我正在使用材质 UI Textfield。

validateDOMNesting(...): <li> cannot appear as a child of <select>.
    in li (created by ForwardRef(ButtonBase))
    in ForwardRef(ButtonBase) (created by WithStyles(ForwardRef(ButtonBase))) ```

Answer 1

我今天遇到了同样的问题，解决方案是删除

SelectProps={{
    native: true,
  }}

这为我解决了。

祝你今天过得愉快！