Search code examples
react-hooksonchangereact-functional-component

Input Value is not getting updated when state object is set to undefined

I have list of options (radio button) and on selection of each option, it will display some input fields to take value from user. These values are stored in state "Dimensions". On option change, I am resetting the dimension object to undefined. But this is value is not getting updated in the input field and it is taking old values.

Text field: <input value={dimensions ? dimensions[opt?.value?]: undefined}/>

On Option Change Method:

  const handleOptionChange = (e: any) => {
         setDimensions(undefined);
    };

Can anybody please guide me through this.

Thanks inadvance!

Solution

  • In ReactJS, input value should always be defined, even if it is an empty string

    <input  value={dimensions ? dimensions[opt?.value?]: ''}/>