使用‘react-router-dom’的‘NavLink’代替‘Link’,并设置‘activeClassName’(激活时应用的类名)属性。示例如下:
import React from 'react';
import { Card } from 'antd';
import { NavLink } from 'react-router-dom';
const MyCard = () => {
return (
Link
}
>
Card content
);
};
export default MyCard;
当链接激活时,‘NavLink’将应用名为‘activeLink’的类名。这对于自定义链接样式非常有用。