Use Immer with useState Hook

PHOTO

Fri Jan 06 2023 12:10:16 GMT+0000 (Coordinated Universal Time)

const handleOnSubmit = (e) => {
    e.preventDefault();
    setList(
      produce((draft) => {
        draft.push({
          id: Math.floor(Math.random() * 100),
          title: name,
        });
      })
    );
  };

COPY

https://dev.to/franciscomendes10866/use-immer-to-better-handle-the-state-of-your-react-app-489p

Save snippets that work from anywhere online with our extensions

Comments

Hooks

@Floony

Debounce and Throttle Callbacks with React Hooks | Kyle Shevlin Updater function that spreads current state object and adds a key value pair Using on Input and onBlur to set values and submit them to Redux useReducer Hook with TypeScript Updating array useState Use Immer with useState Hook reactjs - React - How do you cleanup useEffect() after fetching data and setting a state with that data? - Stack Overflow

React

@Floony

Mutating a new reference of a state array in order for React to register a change to said state has been made Nesting and classes in styled components Updater function that spreads current state object and adds a key value pair Using on Input and onBlur to set values and submit them to Redux React props object spread into component useReducer Hook with TypeScript Updating array useState Use Immer with useState Hook reactjs - React - How do you cleanup useEffect() after fetching data and setting a state with that data? - Stack Overflow

Use Immer with useState Hook

Save snippets that work from anywhere online with our extensions

Comments

More like this

Hooks

React

Browse more snippets >>

Use Immer with useState Hook

Save snippets that work from anywhere online with our extensions

Comments

More like this

Hooks

React

Browse more snippets >>

Embed code snippet