Tengo un problema al querer mandar un valor de un select/dropdowlist a handleChange ya que cuando cambio de valor me da el error
TypeError: Cannot read property 'name' of undefined
aquí esta mi handleChange
handleChange = (e) => {
this.setState({
form: {
...this.state.form,
[e.target.name]: e.target.value,
},
});
console.log(this.state.form);
};
Y aquí esta el de mi dropdownlist
<br />
<label>Categoria</label>
<Select
name="categoria_id"
id="categoria_id"
onChange={this.handleChange}
value={this.state.categoria.map((cate)=>{
if (cate.id === form.categoria_id)
{
return {
value : cate.id,
label : cate.Nombre
}
}else{
return{
value : "",
label : ""
}
}
})}
//{label:"Otros",value:1}
options={this.state.categoria.map((cate)=>{
return {
value : cate.id,
label : cate.Nombre
}
})
}
>
</Select>
Por favor si alguien me puede ayudar con esto
change
? Y que función cumplee.persist()
?undefined
yo te sugiero que hagas un debug para ver que es lo que tiene tu variable (que valores, que estas enviando, que atributos y que funciones), en este caso también puedes hacerlo por medio de unconsole.log(e);
o unconsole.log(e.target);
, si no sabes debugear, apenas entrar a la función dehandleChange()
para que veas que tienes ahí, si sigues sin encontrar el error, puedes agrega a tu pregunta lo que imprime elconsole.log()
acerca de tu variable.