/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

1 vote229 views1 answer
React conditional array item
Javascript React
0 vote166 views1 answer
React router route not found redirect
Javascript React
0 vote167 views1 answer
React check if mobile or desktop
Javascript React
0 vote172 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
71 votes213 views5 answers
Css react
Javascript React
11 votes174 views4 answers
React native flatlist
Javascript React
3 votes164 views1 answer
Force update react hooks
Javascript React
16 votes189 views3 answers
Importing svg into react
Javascript React
0 vote177 views1 answer
React native check os
Javascript React
0 vote178 views1 answer
Auto scroll to view react-native
Javascript React