reactjs - 当 url 在反应 Navlink 中启动字符串时，我可以添加活动类吗？

Question

当 url 以“/teacher/create/”字符串开头时，如何在 react navlink 中添加一个活动类？

标签： reactjsnavigation

Answer 1

<NavLink to={"/teacher/create/"} exact activeClassName={this.props.location.pathname.startsWith("/teacher/create/") && "activeLink"}>{title}</NavLink>

并添加CSS：

.activeLink {
    color: red;
}