用于反应的附加事件监听器-select

Question

我正在使用 react-select 库。我想在我的 componentDidMount 中使用 addEventListener，但不幸的是，当我 change、focus 或 blur 和 Select 时， window.addEventListener('change'/'focus'/'blur', () => console.log('test')) 没有触发。是否有任何解决方法来创建一个通用侦听器而不是传递每个 Select 标记？

Answer 1

React select 提供了这个构建

class SomeComponent extends React.Component {

      onChangeFunc(optionSelected) {
        const name = this.name;
        const value = optionSelected.value;
        const label = optionSelected.label;
      }

      render() {
        return(
          <Select
            name="form-field-name"
            value={val}
            options={options}
            onChange={this.onChangeFunc}
            menuIsOpen={this.onChangeFunc}
            onMenuOpen={this.onChangeFunc}
            onMenuClose={this.onChangeFunc}
          />
        )
      }
    }

用于反应的附加事件监听器-select

addeventlistener for react-select

reactjs

react-select