Use state is not re rendering after i changed state

Question

Here i created a form and from there i am trying to update the dummyData when i console.log the data it's shows the updated one and if change anything in my code which triggers components to re-render it displays the new data,but not on submission of noteForm it does not re render the noteBlock.

https://stackoverflow.com/questions/54069253/the-usestate-set-method-is-not-reflecting-a-change-immediately, also update state in **immutable** way — Giorgi Moniava, Jun 13 '22 at 13:11

score -1 · Answer 1 · answered Jun 13 '22 at 13:14

To update the state, you need to follow an immutable approach using callbacks. See React documentation here

Example from the documentation

import React, { useState } from 'react';

function Example() {
  // Declare a new state variable, which we'll call "count"
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

Use state is not re rendering after i changed state

1 Answers1