React JSX无效的ARIA属性"ariaLabel"

Question

react jsx:

<button ariaLabel='label'>click</button>

渲染的html:

<button arialabel="label">click</button>

控制台警告：

index.js:1 Warning: Invalid ARIA attribute `ariaLabel`. Did you mean `aria-label`?

嗯，不，我指的是ariaLabel，因为我们总是在jsx中客串。为什么在渲染的html中都是小写的？

Answer 1

这似乎是规则的一个例外。查看此处的文档--官方React Docs

请注意，JSX完全支持所有aria-*HTML属性。尽管React中的大多数DOM属性和属性都是基于camel的，但这些属性应该是连字符大小写的(也称为kebab大小写、lisp大小写等(，就像它们在纯HTML:中一样