0
198
ViewsReact - useState not reflecting the updated values
I'm trying to bind a value typed by the user, in another input, which is readOnly, but it's reflecting in other input. Even though the value as I type, it can appear on html, but I'm unable to bind it to other input. Before I post this question, I already searched the SO to bind values, but most of them bind to html but not other input field, like my case
here is the codesandbox code which is causing trouble for me.
·
Juan Pablo Isaza
2 answers
Answer question0
use setContactForm instead of mutating the state.
·
Juan Pablo Isaza
Report
0
You can do it like this with the current implementation of Input.
- Get
valueas a prop toInputand assign to another variable call itpropValue
function Input({
...
...
value: propValue
}) {
- Change the
valueproperty of input as below to fall back to localvalue(value in Input component) ifpropValueis not provided.
<input
...
...
value={propValue ?? value}
...
...
/>
- In App.js set the
valueasemployeeIdto the ready only input.
<Input
label="Reflected Id"
value={employeeId}
...
...
></Input>
·
Juan Pablo Isaza
Report
Answer question