css - 根据 React 中的页面更改导航栏背景颜色

Question

我的主页上有一个透明的导航栏。我想在其他页面上给它一个黑色背景。你会怎么做？

上下文:React，没有 Redux。

Answer 1

检查路线如下:

  import {withRouter} from 'react-router-dom';
    ...

    const SomeComponent = withRouter(props => <MyComponent {...props}/>);

    class MyComponent extends React.Component {
        ...
        SomeMethod () {
          const {pathname} = this.props.location;
          ...
        }
        ...

    }