Reactjs 将'textField'组件与'select'一起使用时出现材质ui警告`

使用TextField作为Select的输入参数会发出以下警告：

材料界面：

子项

在使用

文本字段

组件和

选择

时必须传递

1.
2.

---

正确的实现方法是将

TextField

呈现为父组件，并提供它

select

prop

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import MenuItem from '@material-ui/core/MenuItem';
import TextField from '@material-ui/core/TextField';

const useStyles = makeStyles(theme => ({
  root: {
    width: '100px'
  },
}));

export default function SelectTextField() {
  const classes = useStyles();

  return (   
    <TextField 
    classes={{root:classes.root}}
    select
    name="name" 
    id="id" 
    variant="outlined" 
    label="test"
    SelectProps={{
      multiple: true,
      value: []
    }}
    >
      <MenuItem>1</MenuItem>
      <MenuItem>2</MenuItem>
    </TextField>
    );
}

从“React”导入React；
从'@material ui/core/styles'导入{makeStyles}；
从“@material ui/core/MenuItem”导入菜单项；
从“@material ui/core/TextField”导入TextField；
const useStyles=makeStyles（主题=>({
根目录：{
宽度：“100px”
},
}));
导出默认函数SelectTextField（）{
const classes=useStyles（）；
报税表（
1.
2.
);
}

---

SelectProps对我很有用。但不需要执行

value:[]

。相反，我解构了

SelectProps

并执行了

SelectProps={{{……SelectProps，multiple:true}}

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import MenuItem from '@material-ui/core/MenuItem';
import TextField from '@material-ui/core/TextField';

const useStyles = makeStyles(theme => ({
  root: {
    width: '100px'
  },
}));

export default function SelectTextField() {
  const classes = useStyles();

  return (   
    <TextField 
    classes={{root:classes.root}}
    select
    name="name" 
    id="id" 
    variant="outlined" 
    label="test"
    SelectProps={{
      multiple: true,
      value: []
    }}
    >
      <MenuItem>1</MenuItem>
      <MenuItem>2</MenuItem>
    </TextField>
    );
}