我有以下material ui代码select dropdown,它无法更新下拉列表中的选定选项。 <FormControl variant="outlined" className={classes.formControl}> <InputLabel ref={inputLabel} htmlFor="outlined-Name"> Name </InputLabel> <Select value={values.Name} onChange={handleBChange} labelWidth={labelWidth} inputProps={{ Name: 'Name', id: 'outlined-Name', }} > <MenuItem value=""> <em>None</em> </MenuItem> <MenuItem value="1">Name1</MenuItem> <MenuItem value="2">Name2</MenuItem> <MenuItem value="3">Name3</MenuItem> </Select> </FormControl>以下是所需的事件和 JS。const [values, setValues] = React.useState({ Name: ''});const inputLabel = React.useRef(null);const [labelWidth, setLabelWidth] = React.useState(0);React.useEffect(() => { setLabelWidth(inputLabel.current.offsetWidth);}, []);const handleBChange = event => { event.preventDefault(); debugger; setValues(oldValues => ({ ...oldValues, [event.target.Name]: event.target.value, }));};我的代码有什么问题?请建议
1 回答
倚天杖
TA贡献1828条经验 获得超3个赞
我认为您需要使用 name 而不是 Name as
const handleBChange = event => {
event.preventDefault();
setValues(oldValues => ({
...oldValues,
[event.target.name]: event.target.value,
}));
};
希望能帮助到你
添加回答
举报
0/150
提交
取消