Jquery to react.js

Question

I want to convert these few lines of Jquery to a react code. Everything that I try leads to so many errors.

$(".info-item .btn").click(function(){
  $(".container").toggleClass("log-in");
});
$(".container-form.btn").click(function(){
  $(".container").addClass("active");
});

Answer 1

Don't truthfully know if you mean you just want the logic of it transferred over to React as you're new to React but i gave it a shot based on what I think you were asking

class Example extends Component {
  constructor(){
    super();
    this.state = {
      buttonTouched: false
    }
  }

    handleClick = () => {
      this.setState(prevState => ({
        buttonTouched: !prevState.buttonTouched
      }));
    }

    render(){
      return(
        <div>
          <button onClick={this.handleClick} className="container-form btn">Click me</button>
          <div className={this.state.buttonTouched ? "container active" : "container" }></div>
        </div>
      )
    }
}

Didn't actually test this but this should work for your second question.