如何向工具提示内的文本添加超链接？答案

【问题标题】：How do I add a hyperlink to text inside a tooltip?如何向工具提示内的文本添加超链接？
【发布时间】：2021-01-29 23:03:29
【问题描述】：

我有一个工具提示作为我的输入字段的一部分，它是一个您可以使用的外部组件，如下面的代码所示。在工具提示中，我想添加一个超链接，以便当您打开工具提示并看到“hello world”时，您可以单击“world”一词并转到另一个页面。当我尝试添加一个 href 时，我收到一条错误消息 Expected corresponding JSX closing tag for 'div'.

          <Input.Field
            name="name"
            label="some text"
            tooltip="hello "<a href="www.helloworld.com">world</a>""
          />

【问题讨论】：

试试tooltip="hello <a href='www.helloworld.com'>world</a>"。注意链接周围的单引号。
@MichalJ.Figurski 我仍然遇到同样的错误:(

标签： html reactjs hyperlink href

【解决方案1】：

想通了。

<Input.Field
            name="name"
            label="some text"
            tooltip={
          <p>
            Hello
            <a href="www.helloworld.com">World</a>
          </p>
          />

【讨论】：