React material UI选择框onBlur事件不工作

Question

我正在使用react和react材料到我的应用程序。我使用选择框来获取一些值。如果我打开选择框，关闭不起作用。为此，我决定使用onBlur事件。请参阅下面的代码

const handleBlur = () => {
setIsOpen(false);
}
<Select
multiple
MenuProps={{ PaperProps: { className: classes.menu } }}
open={isOpen}
onOpen={handleOpen}
onChange={handleChange}
onBlur={handleBlur}
margin="dense"
variant={variant}
input={inputComponent}
value={selected}
// className={classes.select}
inputProps={{
classes: {
icon: classes.icon,
}
}}
renderValue={elements => (
<div className={classes.chips}>
{(elements as string[]).map(value => {
return (
<Chip
style={{ backgroundColor: `#${ColorUtils.getColor(value)}` }}
key={value}
label={value}
className={`-select ${classes.chip}`}
/>
);
})}
</div>
)}
>

在这种情况下，模糊不起作用。有没有人可以帮忙解决这个问题

Thanks in advance

Answer 1

材质UI的选择组件没有onBlur道具。试试onClose吧。https://material-ui.com/api/select/道具