/Javascript/React/Toggle function react js

Toggle function react js

class Toggle extends React.Component {
  constructor(props) {
    super(props);
    this.state = {isToggleOn: true};

    // This binding is necessary to make `this` work in the callback    this.handleClick = this.handleClick.bind(this);  }

  handleClick() {    this.setState(state => ({      isToggleOn: !state.isToggleOn    }));  }
  render() {
    return (
      <button onClick={this.handleClick}>        {this.state.isToggleOn ? 'ON' : 'OFF'}
      </button>
    );
  }
}

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

Source: reactjs.org

Similar codes

5 votes138 views1 answer
Redirect in netlify react
Javascript React
21 votes136 views6 answers
React native vector icon
Javascript React
1 vote150 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
1 vote124 views1 answer
Picker change event react native
Javascript React
0 vote126 views1 answer
OAuth with axios react native
Javascript React
8 votes122 views4 answers
Props react
Javascript React
0 vote130 views2 answers
React import image with url
Javascript React
18 votes167 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
18 votes143 views3 answers
How to setup tailwind for reactjs
Javascript React
0 vote123 views1 answer
Render a react component only after API response is received
Javascript React