set method in react hooks does not set the value

Question

let [amount, setAmount] = React.useState(100);

function ChangeHandler(event) {
  let value = event.target.value;
  setAmount(value);
  props.update(amount);
}

props.update is a function that I passed from a higher component to update another Hook.

The update is asynchronous, more in the linked question's answers and [the documentation](https://reactjs.org/docs/faq-state.html#why-is-setstate-giving-me-the-wrong-value). `setAmount` **will** definitely update your state item. It won't update the in-scope variable that functions may close over; you need to make sure your functions don't have state closures. (Note: use `const` when declaring your state members: `const [amount, setAmount] = React.useState(100);`. It helps you remember that *that* variable will never change, the change is in the one you get **next time** you call `useState`.) — T.J. Crowder, Nov 02 '20 at 12:49

score 1 · Accepted Answer · answered Nov 02 '20 at 12:48

1

You can't access the state after setting it in next line.

do it like that

let [amount, setAmount] = React.useState(100);

function ChangeHandler(event) {
  let value = event.target.value;
  setAmount(value);
  props.update(value);
}

answered Nov 02 '20 at 12:48

Nisharg Shah

16,638
10
62
73

it does not work i tried. but thanks – Amr Khaled Nov 02 '20 at 12:51
not possible, you are doing something wrong – Nisharg Shah Nov 02 '20 at 12:53
the update function works but the setAmount does not – Amr Khaled Nov 02 '20 at 13:34
If you like my answer or you got any help from my answer, don't forget to consider up-vote and check this answer as the best answer for you by clicking on the right arrow, thanks! – Nisharg Shah Nov 27 '20 at 14:25

set method in react hooks does not set the value

1 Answers1