[英]Not able to update the selected option in material UI dropdown
I have below material ui
code for select dropdown
, which is not able to update the selected option in dropdown.我有以下
select dropdown
的material ui
代码,它无法更新下拉列表中的选定选项。
<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>
and below are the required events and JS.以下是所需的事件和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,
}));
};
What's wrong in my code?我的代码有什么问题? Please suggest
请建议
I think you need to use name not Name as我认为您需要使用名称而不是名称作为
const handleBChange = event => {
event.preventDefault();
setValues(oldValues => ({
...oldValues,
[event.target.name]: event.target.value,
}));
};
Hope it helps希望能帮助到你
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.