/Javascript/React/React hook toggle state

React hook toggle state

UseState settoggle

Pierre Ortega
@4ever
1:46am
const Toggle = () => {
  const [isToggledOn, setToggle] = useState(false)
  const toggle = () => setToggle(!isToggledOn)
  return (
     <button onClick={toggle}>
        {isToggleOn ? 'ON' : 'OFF'}
      </button>
  )
}

Source: spectrum.chat

React hook toggle state

// import React, { useState } from 'react';
const { useState } = React;

function App() {
  const [checked, setChecked] = useState(false);
  const toggleChecked = () => setChecked(value => !value);
  return (
    <input
      type="checkbox"
      checked={checked}
      onChange={toggleChecked}
    />
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Source: stackoverflow.com

Similar codes

1 vote219 views2 answers
This setstate previous state react
Javascript React
0 vote218 views1 answer
React faq
Javascript React
1 vote215 views1 answer
How to map objects in react native
Javascript React
1 vote258 views2 answers
React native open link in browser
Javascript React
0 vote217 views1 answer
Option component in react js errors
Javascript React
0 vote212 views1 answer
How to clear text ibput after message sent react native
Javascript React
25 votes254 views6 answers
React native shadow android
Javascript React
123 votes675 views3 answers
Set interval react
Javascript React
0 vote2.2K views1 answer
How get value of datePicker in react
Javascript React
3 votes278 views1 answer
React parameter value from query string
Javascript React