反应材质 UI 选择框 onBlur 事件不起作用答案

【问题标题】：React material UI Select box onBlur event not working反应材质 UI 选择框 onBlur 事件不起作用
【发布时间】：2021-05-20 08:19:41
【问题描述】：

我正在对我的应用程序使用反应和反应材料。我使用选择框来获取一些值。如果我打开选择框，则关闭不起作用。为此，我决定使用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>
        )}
      >

在这种情况下，模糊不起作用。谁能帮忙解决这个问题

提前致谢

【问题讨论】：

标签： reactjs react-material

【解决方案1】：

Material UI 的 Select 组件没有 onBlur 属性。请改用onClose。 https://material-ui.com/api/select/#props

【讨论】：

请详细说明