开发者社区 问答 正文

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

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

如下图:

65b784e941b7bc62b21f9550ecf5da2d

展开
收起
王滕滕 2019-05-13 14:09:49 1682 分享 版权
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
    赞同 展开评论
问答地址: