在反应选择中清洗后如何取消关闭选择?

时间:2019-06-20 11:03:12

标签: reactjs react-select

取消选择后,弹出窗口关闭。按照我的应用程序逻辑,我只需要清除选择。目前,我找不到解决此问题的快捷方法。

文档中有两个属性:closeMenuOnSelect和closeMenuOnScroll,但是没有诸如“ closeMenuAfterClear”之类的属性

我试图这样做:

export default class Dropdown extends React.Component< Props > {
    state = {
        isOpen: false,
    }

    focusHandler = (val) => {
        this.setState({
            isOpen: true,
        });
    }

    blurHandler = (val) => {
        this.setState({
            isOpen: false,
        });
    }

    render() {       
        return (
                <Select
                    closeMenuOnSelect={false}
                    ...
                    isClearable={true}
                    menuIsOpen={this.state.isOpen}
                    onFocus={this.focusHandler}
                    onBlur={this.blurHandler}
                />
            </div>
        );
    }
}

但是我遇到另一个问题:选择仅在失去焦点时才关闭。但是我需要按下指示器(向下箭头)关闭

0 个答案:

没有答案