如果在 HTML 元素上设置 role = "" 会发生什么?

What happens if you set role = "" on an HTML element?

我正在使用 ReactJS 创建通用包装器组件。我想将 role 作为 propType 传入,在我渲染的 div 上有类似 <div role={role}>.

的东西

我的问题是,如果没有传递角色并且我最终得到 <div role=""> 怎么办?这会弄乱屏幕阅读器等吗?

我不想让它成为必需的道具,因为这只是一个通用包装器 div,并非所有元素都会发挥作用。

不,它不应该搞砸任何事情。

就浏览器而言,<div role=""><div>

之间并没有什么区别