如何在React中动态更改主体背景颜色？

Question

我想在某些页面中更改主体的backgroundColor。我必须设置的颜色在商店redux中。但是，当他传入componentDidMount（）函数时，似乎他并不知道。

我的代码：

componentDidMount() {

    this.props.list(this.props.match.params.page && decodeURIComponent(this.props.match.params.page));

    this.props.list_admin();

    document.body.style.backgroundColor = this.props.data_admin.backgroundColorFirst;

  }

componentWillUnmount() {

    this.props.reset();

    document.body.style.backgroundColor = null;

  }

const mapStateToProps = (state) => {

  return {

    data_admin: state.admin.list.data,

  };

};

const mapDispatchToProps = (dispatch) => {

  return {

    list_admin: (admin) => dispatch(list_admin(admin)),

    reset: () => {

      dispatch(reset());

      dispatch(success(null));

    },

  };

};

export default connect(mapStateToProps, mapDispatchToProps)(List);

因此，当在道具“ data_admin”中设置颜色时，是否可以在主体上应用样式？

谢谢您帮忙