请问 这个排序,点击才会生效,为啥render的时候不生效?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

请问 这个排序,点击才会生效,为啥render的时候不生效?

王滕滕 2019-05-13 14:09:49 746

请问 这个排序,点击才会生效,为啥render的时候不生效?

如下图:

65b784e941b7bc62b21f9550ecf5da2d

分享到
取消 提交回答
全部回答(1)
  • 小六码奴
    2019-07-17 23:35:10

    可以算antd的一个小bug吧,可以通过阻止事件默认行为,使click事件生效

    onMouseDown={(e) => { e.preventDefault(); return false; }}

    defaultValue="lucy"
    style={{ width: 120 }}
    dropdownRender={(menu, props) => (
      <div>
        {menu}
        <Divider style={{ margin: "4px 0" }} />
        <div
          style={{ padding: "8px", cursor: "pointer" }}
          onClick={() => {
            console.log("Add item onClick...不生效");
          }}
    
          <Icon type="plus" /> Add item
        </div>
      </div>
    )}
    
    <Option value="jack">Jack</Option>
    <Option value="lucy">Lucy</Option>


    在组件外层加一个div,添加onMouseDown事件,然后阻止事件默认行为就好了。
    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章