如何使用反应颜色更改颜色

Question

我正在使用反应颜色，我想更改colors.primaryColor，以便更改其他组件的颜色，但我不知道如何在状态对象中设置它们。这是可能的，还是我做错了什么..

this.state = {
    colors: {
        primaryColor: 'green',
        secondaryColor: 'purple'
    },
    hStyle: {
        color: this.state.colors.primaryColor
    },
    divStyle: {
        color: this.state.colors.primaryColor,
        backgroundImage: 'url('+img17+')'
    },
    background: '#444'
};

handleChangeComplete = (color) => {

    this.setState(Object.assign({}, this.state, {
        background: color.hex,
        colors: {
            primaryColor: color.hex,
        }
    }));

    };

render() {

    return (
        <div>
            <SketchPicker color={this.state.background} onChangeComplete={ this.handleChangeComplete }/>
            <Div style={this.state.divStyle} />
            <H style={this.state.hStyle} />
            <H style={this.state.hStyle} />
        </div>
    )
}