/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

0 vote238 views1 answer
Text input underline react native
Javascript React
0 vote151 views1 answer
Remove stack header bottom line react native
Javascript React
0 vote204 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
5 votes155 views2 answers
TypeError: t is not a function React
Javascript React
15 votes155 views4 answers
Get query params react
Javascript React
0 vote160 views1 answer
Exemple de modal reactjs
Javascript React
3 votes167 views1 answer
Css in a react file
Javascript React
0 vote168 views1 answer
Get status bar height react native
Javascript React
0 vote166 views1 answer
To do list app react code
Javascript React
16 votes174 views2 answers
Render text in for loop react in function
Javascript React