Question

      <li>
        <Link activeClassName="active" to="dashboard">
          <svg height="30" viewBox="0 0 16 16" width="30" xmlns="http://www.w3.org/2000/svg">
            <path d="M15.45 7L14 5.551V2c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1v.553L9 .555C8.727.297 8.477 0 8 0s-.727.297-1 .555L.55 7C.238 7.325 0 7.562 0 8c0 .563.432 1 1 1h1v6c0 .55.45 1 1 1h3v-5c0-.55.45-1 1-1h2c.55 0 1 .45 1 1v5h3c.55 0 1-.45 1-1V9h1c.568 0 1-.437 1-1 0-.438-.238-.675-.55-1z"/>
          </svg>
        </Link>
      </li>

这是一个例子，这是有效的。但是我希望能够将activeClassName添加到父li上。我怎么能做到这一点？

Answer 1

是否要将activeClassName应用于父<li>，因为您希望所有子项都继承该属性？如果是这样，请将<Link>包装在如下的组件中：https://github.com/reactjs/react-router-tutorial/tree/master/lessons/05-active-links#nav-link-wrappers

父<li>上的ReactJS activeClassName react-router

1 个答案: