使用 TSX 语法时如何在 HTML span 中使用 href？

Question

我是使用 Typescript 和 React 的新手，如果这是一个新手问题，我很抱歉。在我的代码中，我有以下行：<p><span href="#" id="nsTool" style={{color:"white", width: "50px"}}> Namespace </span></p>当代码仅使用 Javascript/React 时，这最初工作正常，但当我将文件转换为 .tsx（Typescript）时，出现以下错误：Type '{ children: string[]; href: string; id: string; style: { color: string; width: string; }; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>'.  Property 'href' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>'.这是否意味着我不能在 span 元素中使用 href ？我该如何解决这个问题？

Answer 1

HTMLspan元素只允许全局属性。因此该href属性不会产生影响span，因此您会收到 Typescript 错误。

注意：该href属性通常只能在anchor element

Answer 2

<span>标签没有href属性。您可以像这样附加带有锚标记的 span 标记：

<span>

    :&nbsp; 

    <a href="#">

        Namespace

    </a>

</span>