is it possible to React.useState(() => {}) in React?

by

It is possible to set a function in state using hooks, but because state can be initialized and updated with a function that returns the initial state or the updated state, you need to supply a function that in turn returns the function you want to put in state.

const { useState } = React;

function App() {
  const [ooops, setOoops] = useState(() => () => console.log("default ooops"));

  return (
    <div>
      <button onClick={ooops}>Show Ooops</button>

      <button
        onClick={() => {
          setOoops(() => () => console.log("other ooops"));
        }}
      >
        change oops
      </button>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

<div id="root"></div>

More Related Contents:

  1. Line 0: Parsing error: Cannot read property ‘map’ of undefined
  2. Set types on useState React Hook with TypeScript
  3. React Hooks – Modified state not reflecting immediately
  4. React Hooks – Modified state not reflecting immediately
  5. Property ‘value’ does not exist on type ‘never’. when use useRef hook in mui
  6. Infinite loop in useEffect
  7. PropTypes in a TypeScript React Application
  8. React-hooks. Can’t perform a React state update on an unmounted component
  9. How to use refs in React with Typescript
  10. Typescript input onchange event.target.value
  11. React Hook : Send data from child to parent component
  12. mobx-react observer don’t fires when I set observable
  13. In general is it better to use one or many useEffect hooks in a single component? [closed]
  14. React hooks useEffect only on update?
  15. Stop useEffect from running on mount
  16. Importing images in TypeScript React – “Cannot find module”
  17. How to type a page component with props in Next.js?
  18. React Hooks: how to wait for the data to be fetched before rendering
  19. What does the colon mean in Javascript after function?
  20. Does a render happen before function in React Hooks useEffect is called?
  21. React Hooks: Why is .current null for useRef Hook?
  22. React with Typescript — Generics while using React.forwardRef
  23. Is it possible to limit children to specific components using React with TypeScript?
  24. Typescript React: Access component property types
  25. React and TypeScript—which types for an Axios response?
  26. Passing array to useEffect dependency list
  27. Which react hook to use with firestore onsnapshot?
  28. Typescript + React/Redux: Property “XXX” does not exist on type ‘IntrinsicAttributes & IntrinsicClassAttributes
  29. How do I window removeEventListener using React useEffect
  30. React Hook useEffect has a missing dependency: ‘list’

Leave a Comment