Changing style of a button on click

Question

Is it possible to change background-color of my button onClick function?

ex. click background-color: black, another click

Answer 1

You can try to use state to store the color. Maybe this would give you the idea how to solve the problem :

class Test extends React.Component {
    constructor(){
        super();

        this.state = {
           black: true
        }
    }

    changeColor(){
       this.setState({black: !this.state.black})
    }

    render(){
        let btn_class = this.state.black ? "blackButton" : "whiteButton";

        return (
             
                  Button
             
        )
    }
}

React.render(, document.getElementById('container'));

Here is a fiddle.