开发者社区> 问答> 正文

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

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

如下图:

65b784e941b7bc62b21f9550ecf5da2d

展开
收起
王滕滕 2019-05-13 14:09:49 1613 0
1 条回答
写回答
取消 提交回答
  • 可以算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事件,然后阻止事件默认行为就好了。
    2019-07-17 23:35:10
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载