antd span 标签加载的时候onClick 就被执行了

在Ant Design（antd）库中，`span`标签通常用于非交互内容展示，但它本身并不直接支持点击事件（onClick）。如果你想要在`span`上绑定点击事件并期望在加载时就触发，你可能需要稍微做一些额外的工作。

首先，你可以给`span`添加一个`ref`属性以便获取DOM元素，然后手动设置一个`click`事件监听器。例如：

import { Button, Span } from 'antd';

const MyComponent = () => {
  const handleClick = () => {
    // 你的点击处理逻辑在这里
    console.log('Span clicked');
  };

  const ref = React.useRef(null);

  return (
    <>
      <Button onClick={() => handleClick()} disabled={ref.current}>Click Me</Button>
      {/* 当`span`加载完成后再关联到`ref` */}
      <span ref={ref} style={{ display: 'none' }}>
        Clickable Span
      </span>
    </>
  );
};

// 这样，当`span`加载完成后显示并被点击时，`handleClick`会被调用

在这个例子中，我们先用`disabled`属性让按钮看起来像是可以点击的，实际上按钮会立即调用`handleClick`。`span`隐藏起来并在加载完成后通过`ref.current`关联到真实的DOM节点。