Reactjs activeClassName如何与链接组件一起工作?

Reactjs activeClassName如何与链接组件一起工作?,reactjs,react-router-dom,Reactjs,React Router Dom,如标题所示,activeClassNameparam如何与react-router-domLink组件一起工作?某个班级是活跃的是什么意思?在文档中,我们只能找到: classNamea在其路由处于活动状态时接收。默认情况下没有活动类 但是没有解释活动路线实际上是什么 编辑:好的,现在,理解了这一点,我可以猜出这个短语的意思了。但是我仍然认为这很令人困惑。如果URL与链接的to相同,activeClassName将被分配给您的锚标记。假设您有3个选项卡: <Link to='/tab-1'

如标题所示,
activeClassName
param如何与
react-router-dom
Link
组件一起工作?某个班级是活跃的是什么意思?在文档中,我们只能找到:

className
a
在其路由处于活动状态时接收。默认情况下没有活动类

但是没有解释活动路线实际上是什么


编辑:好的,现在,理解了这一点,我可以猜出这个短语的意思了。但是我仍然认为这很令人困惑。

如果URL与
链接的
to
相同,
activeClassName
将被分配给您的锚标记。假设您有3个选项卡:

<Link to='/tab-1' activeClassName="red-text">Tab 1</Link>
<Link to='/tab-2' activeClassName="red-text">Tab 2</Link>
<Link to='/tab-3' activeClassName="red-text">Tab 3</Link>
例如

<a href='/tab-1'>Tab 1</Link>
<a href='/tab-2' class="red-text">Tab 2</Link>
<a href='/tab-3' >Tab 3</Link>