2

我有一个带有标题组件的布局，其中我的所有页面都呈现为子页面，因此根据许多页面向标题添加特定样式时遇到了一些麻烦，

因此，主页具有透明背景，其他页面可以具有填充颜色或相同的透明颜色

  handleHeaderClass() {
    const currentPath = /other-page\/[0-9]+/i;

    if (pathname.match(currentPath)) {
      this.setState({ isTransparent: false });
    }
    //...
  }

我一直在通过添加一个函数来添加该类，以将路径名与 location 道具中的当前路径匹配，但我意识到会有很多页面和嵌套页面可能有或没有，className 来更改标题

所以我不认为为每个页面添加一个条件是一个很好的解决方案，所以我想通过创建一个动作（使用redux btw）来处理这个问题，将className作为有效负载传递给需要的地方，并且连接的标头接收这是为了改变颜色，但我不知道只是添加一个className是否太多，到达路由器是否通过路由组件处理这个？

4

0 回答 0