/Javascript/React/Add active class to button onclick react

Add active class to button onclick react

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      animate: false;
    }

    this.handleClick = this.handleClick.bind(this);
  }

  handleClick(e) {
    // modify the state, this will automatically recall render() below.
    this.setState((prevState) => {
      return { animate: !prevState.animate }
    });
  }

  render() {
    let animationClasses = (this.state.animate ? ' active': '');

    return (
      <div>
        <div className={`vote_card_hover${animationClasses}`}>
          <a>Test</a>
        </div>

        <div>
          <Button title="Toggle Animation" onClick={this.handleClick} />
        </div>
      </div>
    )
  }
}

Source: stackoverflow.com

Similar codes

0 vote299 views1 answer
React native svg size
Javascript React
0 vote321 views1 answer
React locomotive-scroll
Javascript React
0 vote319 views1 answer
Node closes once you open app react-native
Javascript React
-1 vote319 views1 answer
Component navigation without changin the url react router
Javascript React
0 vote307 views3 answers
Add webpack to react project
Javascript React
38 votes294 views2 answers
How to comment out code in react js
Javascript React
140 votes451 views5 answers
React js installation
Javascript React
0 vote314 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote301 views1 answer
React native scrollview scrollto()
Javascript React
0 vote290 views1 answer
Create react app run test apecific folfer
Javascript React