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>