Reactjs 在navlink中同时使用isactive和activeclassname

我试图构建一个react路由器组件，当组件处于活动状态时更新redux状态，但我还想为每个NavLink设置另一个活动类名。不幸的是，isActive与activeClassName冲突，当我试图同时使用这两个名称时，只有isActive prop起作用。有没有办法同时使用它们

class NavBar extends Component{
render(){
    const {color} = this.props

    const someFunc = () =>{
        someFunction(xdxd)
    }
    const otherFunc = () =>{
        someFunction(abcd)
    }
    return (
    <nav id="menu" className=" d-flex flex-column position-fixed">
        <ul id="Nav"className="mb-0 d-flex flex-column list-group">
            <NavLink style={{color}}  isActive={someFunc} activeClassName="my-bg-gray" className="menu-li mt-auto mr-0 mb-0 ml-auto rounded-circle" id="about_button" exact to="/"
                >a</NavLink>
            <NavLink style={{color}}  isActive={someFunc} activeClassName="my-bg-gray" className="menu-li mt-auto mr-0 mb-0 ml-auto rounded-circle" id="projects_button" to="/projects"
                >b</NavLink>
            <NavLink style={{color}}  isActive={someFunc} activeClassName="my-bg-green"className="menu-li mt-auto mr-0 mb-0 ml-auto rounded-circle" id="abilities_button" to="/abilities" 
                >c</NavLink>
            <NavLink style={{color}}  isActive={otherFunc}  activeClassName="my-bg-green"className="menu-li mt-auto mr-0 mb-0 ml-auto rounded-circle" id="education_button" to="/education" 
                >d</NavLink>
            <NavLink style={{color}}  isActive={otherFunc}  activeClassName="bg-white" className="menu-li mt-auto mr-0 mb-0 ml-auto rounded-circle" id="sendmessage_button" to="/sendmessage" 
                >e</NavLink>
            <NavLink style={{color}}  isActive={otherFunc}  activeClassName="my-bg-green" className="menu-li mt-auto mr-0 mb-0 ml-auto rounded-circle" id="socials_button" to="/socials" 
                >f</NavLink>
        </ul>
    </nav>
);}}
const mapStateToProps = (state) => {
    return { color: state.color };
  };

export default connect(mapStateToProps,{})(NavBar);

类导航栏扩展组件{
render（）{
const{color}=this.props
常量someFunc=（）=>{
someFunction（XD）
}
常量otherFunc=（）=>{
函数（abcd）
}
返回(

A.
B
C
D
E
F

);}}
常量mapStateToProps=（状态）=>{
返回{color:state.color}；
};
导出默认连接（mapStateToProps，{}）（导航栏）；

您能否分享重新编写您的问题的示例或您的代码片段？是否愿意分享

someFunc

或

otherFunc

的实际功能？这些函数是否会产生诸如调用redux操作之类的副作用？他们正在更新颜色吗？

style={{{color}}

style在做什么？是否存在具有重复/冲突标识符的全局CSS样式表？是一个简单的布尔值，用于指示路由是否处于活动状态，如果是，则应用

activeClassName

。颜色是一个redux状态。someFunc更新颜色。您可以分享重新编写问题的示例或代码片段吗？是否愿意分享

someFunc

或

otherFunc

的实际功能？这些函数是否会产生诸如调用redux操作之类的副作用？他们正在更新颜色吗？

style={{{color}}

style在做什么？是否存在具有重复/冲突标识符的全局CSS样式表？是一个简单的布尔值，用于指示路由是否处于活动状态，如果是，则应用

activeClassName

。颜色是一个redux状态。someFunc更新颜色。