/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

3 votes201 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
8 votes186 views3 answers
React latest version
Javascript React
9 votes211 views5 answers
Find react version
Javascript React
0 vote181 views1 answer
React native clear route params
Javascript React
2 votes179 views3 answers
React native swiper
Javascript React
8 votes194 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote288 views1 answer
Difference in push and navigate in react Navigation
Javascript React
0 vote197 views2 answers
Loader in react
Javascript React
0 vote172 views5 answers
React native cache clear
Javascript React
1 vote169 views1 answer
Class and id in react
Javascript React