tengo un problema que al cambiar el valor de un select en react, luego de guardarse en el state el nuevo valor este ultimo no me cambia en el selector. Antes en option ocupaba un evento on click para seleccionar el objeto que me retornaba en el map, pero el select con el onClick no funcionaba con chrome y se dejo con un onChange y un value en el option que toma el objeto
renderCareerSelector = () => {
const { careers, selectedCareer } = this.state;
return(
<div className='create-course-selector-container' dataTapDisabled="true">
<select className='language-selector' onChange={this.onSelectCareer} value={selectedCareer}>
{careers.map((career, ix) => {
if(career.role_id === 3) {
return(
<option value={career.id} key={ix}>{career.name}</option>
)
}
return null
})}
</select>
</div>
)
}
onSelectCareer = ({ target: { value } }) => {
console.log('llega ', value)
const { careers } = this.state;
const careerId = value;
careers.map((career, ix) => {
if(career.id === careerId) {
this.setState({
selectedCareer: career.name,
selectedCareerId: career.id
});
}
})
};
career.id === careerId
no va a funcionar, porquetarget.value
es unstring
.