打字稿反应类型属性

Question

我在用Typescript + React写代码的时候，发现了一些错误。

当我在 <a> 标签属性中设置 type/value 时，出现编译错误。

<a value='Hello' type='button'>Search</a>

此代码出现错误

TS2339:Property 'value' does not exist on type 'DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>'.

如何解决这个编译问题？我搜索了几个小时，但找不到解决方案:(

Answer 1

因为值不是 <a> 元素的有效 HTML 属性。我认为最好的办法是使用像 <a data-value="Hello"> 这样的属性，而不是尝试扩展 AnchorHTMLAttributes 接口。