为什么 ant d 将文本包装在其表格下拉列表中的锚标记中答案

【问题标题】：Why is ant d wrapping a text in acnchor tag in the dropdowns of its table为什么 ant d 将文本包装在其表格下拉列表中的锚标记中
【发布时间】：2019-07-19 08:33:32
【问题描述】：

我对 ant d 库还很陌生。到目前为止，我对它提供的便利感到满意。我只是无法理解，因为文档中没有提到为什么 ant d 使用锚标记将任何文本或图像包装在下拉列表中

到目前为止，几乎在每个示例中我都能看到这样的代码

    return (
      <Dropdown
        overlay={menu}
        onVisibleChange={this.handleVisibleChange}
        visible={this.state.visible}
      >
        // why wrapping in anchor tag?
        <a className="ant-dropdown-link" href="#">
          Hover me
        </a>
      </Dropdown>
    );

我还发现如果我不使用锚标记。仅当我将鼠标悬停在此文本顶部或者如果它是菜单 img 代替文本时，才会出现下拉菜单。

这里我只是想理解标签的嵌套，因为在我的理解中它不是一个链接，我们不应该在不需要的时候使用锚标签，我们的节点设计和层次结构应该是合乎逻辑和易于理解的。或者我在这里遗漏了一些东西。有人吗？

这里是文档的链接 Table Dropdown

【问题讨论】：

标签： javascript html css reactjs antd

【解决方案1】：

根据定义，Antd 的 Dropdown 期望接收单个 React 子元素，因此您可以使用任何您想要的 jsx 标签（比如span）将文本包装在其中。看这个例子：

https://codesandbox.io/s/blue-pine-mlod5

您也可以使用Dropdown.Button，但这会创建不同的布局。

【讨论】：