时间戳

首页 > 解决方案 > eslint 错误 aria-current 的值必须是来自以下的单个标记：page,step,location,date,time,true false

javascript - eslint 错误 aria-current 的值必须是来自以下的单个标记：page,step,location,date,time,true false

问题描述

<div
     role="button"
     tabIndex="0"
     className="nav-link pad-0-r"
     aria-current={'${selectedTab === item ? 'page' : 'false'}'}
     onClick={()=> onClick(item)}
      onKeyDown={()=> onClick()}
     >
  {item}
</div>

** 出于安全目的，我无法共享完整代码.... 如果有人知道如何解决它，请建议我。**

标签： javascripthtmlreactjsbootstrap-4runtime-error

解决方案

问题

看起来您正在将aria-current字符串文字设置为某种合并，但不确定它在 DOM 中解析为什么。

aria-current={'${selectedTab === item ? 'page' : 'false'}'}

解决方案

正确使用字符串模板，注意反引号：

aria-current={`${selectedTab === item ? 'page' : 'false'}`}

推荐阅读