React (Next.js) >无效的ARIA属性‘`ariaHidden`’，您的意思是‘`ariaHidden`’吗？

Question

我将组件定义为：

<HiChevronDown
  aria-hidden="true"
  className= "ml-2 h-5 w-5 ..."
/>

但是，控制台警告声明我正在定义它为camelCased。

我在这里做什么明显错了吗？

控制台警告：

​

Answer 1

我以前遇到过这个问题，而且您没有做错什么，这个错误只是与您正在使用的SVG有关，它来自react图标/hi，并且我注意到每当我使用来自库(react-icons/hi)中的警告的特定部分的图标！所以这个警告不会伤害你的应用程序或任何东西，但是如果你想让它消失，只需从库的另一个部分选择另一个svg，比如FaChevronDown或IoChevronDownOutline。

希望这能帮上忙。

Answer 2

我想您的图标具有可聚焦性，element.your问题似乎是语法问题，但可能是因为发生了不同的事情。请参考这个https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-hidden#:~:text=The%20aria%2Dhidden%20attribute%20can,children%20from%20the%20accessibility%20tree。