鍍金池/ 問答/HTML/ router V4 map后的navLink 添加activeClassNam

router V4 map后的navLink 添加activeClassName 無效

router V4 map后的navLink 添加activeClassName 無效

沒有有經(jīng)過循環(huán)渲染的navLink添加activeClassName 是有效的，但是經(jīng)過map循環(huán)過的navLink添加activeClassName 就無效 也沒提示任何錯誤

  <div className="left_Menuitems">{
            this.state.menuData.map((item,key) =><div key={key}> {
              (item.name === '項目管理'||item.name === '質(zhì)檢'||item.name === '員工管理')
                ? <div><div className="menu_title">{item.name}</div>{
                      item.subList.map((item,key) =><div key={key} className="subMenu_title"> <NavLink key={key}  to={item.router} activeClassName="activeted">{item.name}</NavLink>
                    </div>)
                    }</div>
                : ''
            }</div>)
          }</div>

期望經(jīng)過map循環(huán)過的navLink添加activeClassName 有效果

回答
編輯回答
遲月

我感覺你這代碼有地方打錯了吧

        <div className="left_Menuitems">
          {this.state.menuData.map((item, key) => (
            <div key={key}>
              {item.name === "項目管理" || item.name === "質(zhì)檢" || item.name === "員工管理" ? (
                <div>
                  <div className="menu_title">{item.name}</div>
                  {item.subList.map((item, key) => (
                    <div key={key} className="subMenu_title">
                      <NavLink key={key} to={item.router} activeClassName="activeted">
                        {item.name}
                      </NavLink>
                    </div>
                  ))}
                </div>
              ) : (
                ""
              )}
            </div>
          ))}
        </div>
2018年9月1日 08:14