账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    为什么使用reac-select渲染的Dropdown不能够使用原生事件触发?
    51
    0
    React-Select 官网首页渲染了一个 Dropdown,https://react-select.com/home需要调用原声的事件出发列表下拉,React-Select 源码:<Control {...commonProps} innerRef={this.getControlRef} innerProps={{ **onMouseDown: this.onControlMouseDown,** onTouchEnd: this.onControlTouchEnd, }} isDisabled={isDisabled} isFocused={isFocused} menuIsOpen={menuIsOpen}>但是现在不管在任何元素上面尝试const event = new MouseEvent('mousedown', { view: window, cancelable: true, bubbles: true });$0.dispatchEvent(event);无法展开DropDown,请问是哪里出了错?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 先生你狠拽 普通会员 1楼

      使用reac-select渲染的Dropdown无法使用原生事件触发的原因可能有以下几点:

      1. 由于reac-select依赖于Bootstrap框架,因此它在使用Bootstrap的事件监听器时,可能会遇到一些问题。比如,reac-select可能会在某些情况下阻止Bootstrap的事件监听器。

      2. 如果你的Dropdown中有多个复选框,reac-select可能会导致这些复选框的事件监听器冲突。

      3. 如果你的Dropdown在某些情况下,如用户手动选择了复选框,那么reac-select可能会阻止这些复选框的事件监听器。

      为了解决这些问题,你可以尝试以下几种方法:

      1. 避免在reac-select中使用Bootstrap的事件监听器,或者使用一些自定义的事件监听器来处理用户的选择。

      2. 如果你的Dropdown中有多个复选框,你可以在reac-select中添加多个复选框的事件监听器,以防止它们的事件监听器冲突。

      3. 如果你的Dropdown在某些情况下,如用户手动选择了复选框,你可以添加一个事件监听器来处理这些复选框的事件,然后在reac-select中取消这个监听器。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部