Reactjs 是否从初始加载时的状态动态更新组件样式？

我的应用程序的主题变体存储在一个数据库中，我只想在初始渲染时更新许多元素，但它会被带到每个视图中。似乎用state更新顶级应用程序容器组件样式是有意义的，但这似乎会产生一个无休止的循环。我有没有做错什么，或者有没有更简单的方法来实现这一点？我不想使用内联样式，也不想在应用程序中对50个组件运行这些样式

我目前尝试的一种风格示例：

const StyledApp = styled.div`
  body .pagination a { background-color: ${this.state.color}}
`;

class App extends React.Component {
constructor(props) {
super(props);
this.state = { color:"" };
autoBind(this);
}
componentDidMount() {
  this.setColorState()
}

setColorState() {
  var color = //get color from db
  this.setState({ color:color});
}

render() {
  const { props, state, setAfterLoginPath } = this;
    return (
     <StyledApp ready={this.state.ready} loading={props.loading}>
       //app code
     </StyledApp>
  )
}
}

constyledapp=styled.div`
body.pagination a{background color:${this.state.color}
`;
类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={color:'}；
自动绑定（本）；
}
componentDidMount（）{
this.setColorState（）
}
setColorState（）{
var color=//从数据库获取颜色
this.setState（{color:color}）；
}
render（）{
const{props，state，setAfterLoginPath}=this；
返回(
//应用程序代码
)
}
}

您可以做一些类似于样式化组件的事情，doc说将道具传递给样式

constyledapp=styled.div`
body.pagination a{background color:${props=>props.color}
//应用程序代码

我认为

setState

应该被称为

setColorState

，看起来你用了另一种方式。你是对的，我更新了它以保持连续性。只是示例代码，但您需要将

setColorState

更改为

setState

，然后再次更新。你知道如何实现我想做的吗？不知道自动绑定的功能是什么，但是你发布的代码中似乎没有任何内容会产生无限循环。谢谢！当然，我必须删除主体区域，因为应用程序容器位于主体中

    const StyledApp = styled.div`
body .pagination a { background-color: ${props=>props.color}} 





<StyledApp ready={this.state.ready} loading={props.loading} color={this.state.color}>
//app code
</StyledApp>