React: input value not defined in form
You can try handleChange function with following method also. Just take fromState variable data and spread it in setFormState with the updated property name by specifying [event.target.name] and its value, It will update your state.
function handleChange(event) { setFormState({ ...formState, [event.target.name]: event.target.value });};
You could set the name of the input element for nested fields like 'address.street', not 'street'.
<input className={styles.CreateFormInput} value={formState.address.street} onChange={handleChange} type='text' name='address.street' placeholder=' S T R E E T'/>
And then use lodash functions in handleChange()
import _ from 'lodash';...function handleChange(event) { const newFormState = _.cloneDeep(formState) _.set(newFormState, event.target.name, event.target.value) setFormState(newFormState);};