/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

26 votes197 views6 answers
React redirect to url
Javascript React
0 vote164 views1 answer
Namespace react has no export member FC
Javascript React
0 vote141 views1 answer
React native run on a particular emu
Javascript React
0 vote149 views3 answers
Create dots in carousel react js bootraps
Javascript React
0 vote153 views1 answer
How to validate password and confirm password on react form hook
Javascript React
13 votes180 views10 answers
React navigation
Javascript React
17 votes165 views3 answers
Reducer react
Javascript React
18 votes174 views6 answers
Import svg as react component
Javascript React
0 vote199 views4 answers
Create a virtual reality website using react js
Javascript React
6 votes244 views2 answers
React native spinner
Javascript React