Как изменить цвет элемента при клике ReactJS?

Question

[litash]

Как изменить background-color елемента c классом "block" при клике на input type="radio"

class App extends React.Component {
  constructor() {
    super();
    
    this.state = {  }
    
    this.handleClick = this.handleClick.bind(this);
  }
  
  this.handleClick() {
    
  }
  
  render() {
    return (
      <div className="wrapper">
        <div className="block">
          <input type="radio" onClick={ this.handleClick } /> 
        </div>
      </div>
    );
  }
}

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

https://codepen.io/litash/pen/gRyJQW

Answer 1

[AlexKeller]

https://codepen.io/anon/pen/RgOzZj

Answer 2

[Роман Александрович]

this.handleClick() {
    var element = getElementsByClassName('')
element.setAttribute('background-color ', 'red');
  }

еще можно использовать флаг примерно так

constructor() {
    super();
    
    this.state = { 
flag:false,
 }

  }
this.handleClick() {
    this.setState({
        flag:true
    })
  }
render() {
    return (
      <div className="wrapper">
        <div className="block" backgroundColor={this.state.flag === true ? 'red': 'blue'}>
          <input type="radio" onClick={ this.handleClick } /> 
        </div>
      </div>
    );
  }

Comments

[AlexKeller]

Настоящий React-style!