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

Pau*_*oni 3 roles reactjs

我正在使用 ReactJS 创建一个通用包装组件。role我想以 a 的形式传入,propType并且在渲染的 div 上有类似<div role={role}>.

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

我不想将其设为必需的 prop,因为这只是一个通用的包装 div,并非所有元素都有作用。

小智 5

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

就浏览器而言,<div role="">和 之间实际上没有任何区别<div>