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

Posted 2023-02-22

【中文标题】反应材质 UI 选择框 onBlur 事件不起作用

【英文标题】：React material UI Select box onBlur event not working

【发布时间】：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>
        )
      >

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

提前致谢

【参考方案1】：

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

【讨论】：

请详细说明