reactjs - React 是使用类名管理多个主题的好方法吗？

Question

考虑以下代码：-

  render() {
      const headerClasses=classnames({
        "Header":true,
        "Header---dark":this.props.theme.dark,
        "Header--light":this.props.theme.light
      })
    return (
      <div className={headerClasses}>
            Header content goes here
      </div>
    )
  }

我的应用程序将只有两个主题。一暗一亮。我正在尝试将主题存储在 redux 商店中，并使用类名相应地更改类名。它是一种有效的方法还是一种反模式？在大型应用程序中管理主题的最简单方法是什么？

Answer 1

1. 有一个带主题的状态属性，以及所有对应的数据
2. 将组件的主题设置为this.props.currentTheme
3. 当您更改主题时，您只是在更改数据，currentTheme其他所有内容也会更改