React-select-checkboxes onClose событие не работает

Question

У меня есть приложение реагирования, в котором я использую библиотеку react-multiselect-checkboxes для отображения нескольких флажков внутри раскрывающегося списка.Это я сделал до сих пор.

<ReactMultiSelectCheckboxes
        placeholderButtonLabel = {jarNames.value}
        options={this.props.dropDownOptions}
        onChange = {(selectedDependency) => this.props.selectingDependencies(selectedDependency)}
        onClose = {this.doSomething} />

Но когда я закрываю выпадающее меню, это onClose событие не запускается.То же самое происходит с событием onOpen.

doSomething = () => {
    console.log('yo man');
}

Package.json версии: react-multiselect-checkboxes: "^0.1.1

Любая идея, что я могу делать неправильно.

Answer 1

Вы не вызываете правильный реквизит.

Имя реквизита onMenuClose вместо onClose.

<ReactMultiSelectCheckboxes
          onMenuClose={this.doSomething}
          options={options} />

Вы можете сослаться на Reaction-Select Prop

Рабочий код: -

import React from "react";
import ReactDOM from "react-dom";
import ReactMultiSelectCheckboxes from 'react-multiselect-checkboxes';

class App extends React.Component {
  doSomething = () => {
    console.log('something')
  }
  render () {
    const options = [
      { label: 'Thing 1', value: 1},
      { label: 'Thing 2', value: 2},
    ];
    return (
      <div className="App">
        <ReactMultiSelectCheckboxes
          onMenuClose={this.doSomething}
          options={options} />
      </div>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);