/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 vote252 views1 answer
Typing refs react
Javascript React
5 votes228 views2 answers
Code splitting react
Javascript React
0 vote202 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
4 votes239 views1 answer
React props.children proptype
Javascript React
18 votes261 views3 answers
Add material ui to react
Javascript React
1 vote248 views1 answer
Adding list items in react
Javascript React
0 vote196 views1 answer
A form label must be associated with a control react
Javascript React
-3 votes197 views2 answers
Generate android folder in react native
Javascript React
0 vote182 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
92 votes198 views6 answers
React router dom
Javascript React