Buen día tengo un select en el cual obtengo un valor
<select value={this.state.value} onChange={this.onInputChangeResort.bind(this)} name='clienteint' className='form-control form-control-sm col-sm-8'>
<option value="0">Select ...</option>
{ this.state.hotels.map((hotels)=>
<option key={hotels.value} value={hotels.value}>{hotels.text}</option>)
}
</select>
El valor se guarda en el estado "value"
quiero pasar ese valor en una función de la siguiente manera
roomtype(){
fetch("/api-rest/agency/rooms/"+this.state.value, {
method : 'GET',
headers: {
'Content-Type' : 'text/plain',
'Authorization': "Bearer admin"
}
})
.then((response) => response.json())
.then((responseJson) => {
let data = responseJson.data.map(rooms => {return {value:rooms.room_type_category, text:rooms.room_category_desc}});
this.setState({
room : data,
})
})
.catch((error) => {
console.error(error);
});
}
En esta funcion hago el cambio de value para el selecrt
onInputChangeResort(e){
this.setState({value:e.target.value});
}
{/*
La funcion roomtype llena un select mapeando el state "room"
*/}
<select name='RoomType' id='IDRoomType' className="form-control form-control-sm col-sm-8">
<option value="0">Select ...</option>
{ this.state.room.map((room)=>
<option key={room.value} value={room.value}>{room.text}</option>)
}
</select>
Mi problema es que al pasar el estado me toma el valor inicial y no el valor que se obtiene del select.
roomtype
inmediatamente después delsetState
?roomtype