Tenho um componente e o seguinte state:
this.state = {
form : {
name : '',
username: '',
email: '',
phone: '',
address: {
street: '',
suite: '',
city: '',
zipcode: ''
}
}
}
Nos campos do formulário, uso o seguinte método no onChange:
handleChange(e) {
const {name, value} = e.target;
let copyState = Object.assign({}, this.state);
copyState.form[name] = value;
this.setState(copyState);
}
Este é um exemplo de um campo do formulário funcional:
<input value={this.state.form.username}
onChange={this.handleChange}
name="username"
type="text"
className="form-control"
/>
Este não funciona:
<input value={this.state.form.address.street}
onChange={this.handleChange}
name="address.street"
type="text"
className="form-control"
/>
O método handleChange funciona perfeitamente nos items: name, username, email e phone, PORÉM, nos atributos pertencentes a address não.
Como resolver isso?
Desde já agradeço. :)