/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

24 votes206 views6 answers
Shadow react native
Javascript React
0 vote193 views1 answer
How to remove console.log from react native app
Javascript React
2 votes269 views1 answer
React router 6 navigate
Javascript React
9 votes223 views1 answer
Create react app in existing folder
Javascript React
0 vote200 views1 answer
React onclick div
Javascript React
0 vote220 views1 answer
Link externo no react
Javascript React
11 votes262 views4 answers
How to check for react version
Javascript React
21 votes204 views6 answers
React native apk build
Javascript React
0 vote209 views1 answer
React hooks simple projects
Javascript React
0 vote341 views1 answer
Get call log in react native android
Javascript React