Javascript eslint error aria current的值必须是来自以下项的单个标记:页面、步骤、位置、日期、时间、true false onClick(项目)} onKeyDown={()=>onClick()} > {item}
** 为了安全起见,我无法共享完整的代码。。。。 在这个div中,在map的帮助下,我显示了导航项的名称 但是我得到了我提到的这个错误。如果有人知道如何解决这个问题,请建议我。 **问题 看起来您正在将Javascript eslint error aria current的值必须是来自以下项的单个标记:页面、步骤、位置、日期、时间、true false onClick(项目)} onKeyDown={()=>onClick()} > {item},javascript,html,reactjs,bootstrap-4,runtime-error,Javascript,Html,Reactjs,Bootstrap 4,Runtime Error,** 为了安全起见,我无法共享完整的代码。。。。 在这个div中,在map的帮助下,我显示了导航项的名称 但是我得到了我提到的这个错误。如果有人知道如何解决这个问题,请建议我。 **问题 看起来您正在将aria current设置为字符串文本的某种合并,但不确定它在DOM中的解析结果 <div role="button" tabIndex="0" className="nav-link pad-0-r"
aria current
设置为字符串文本的某种合并,但不确定它在DOM中的解析结果
<div
role="button"
tabIndex="0"
className="nav-link pad-0-r"
aria-current={'${selectedTab === item ? 'page' : 'false'}'}
onClick={()=> onClick(item)}
onKeyDown={()=> onClick()}
>
{item}
</div>
解决方案
正确使用字符串模板,请注意背面标记:
aria-current={'${selectedTab === item ? 'page' : 'false'}'}
反勾号不会产生任何问题。谢谢你的回复
aria-current={`${selectedTab === item ? 'page' : 'false'}`}