Bug: Exception using both input and useState

[yh4922]

Reproduction link

Steps to reproduce

Use const [val, setVal] = useState(""); to bind the input value After calling the setVal method in the onChange callback, the val value cannot be obtained by printing the latest value
The value obtained is the last modified value

What is expected?

Expect to get the latest val after setVal()

What is actually happening?

But you can only get the value of the previous modification

Environment	Info
React	18.0.0
System	win10 21H2 19044.1526
Browser	Google Chrome 100.0.4896.88

[khareyash05]

i would like to work on this one @yh4922

[yh4922]

@khareyash05 I have the codesandbox minimal reproduction code above

[webcarrot]

It's expected behavior.
reactjs/rfcs#201

[eps1lon]

This is expected behavior that's currently not explicitly documented. However, the beta docs have a dedicated section for this behavior:

Calling the set function does not change the current state in the already executing code: [...]

-- https://beta.reactjs.org/apis/usestate#adding-state-to-a-component