State is reset when autocomplete is called
santiagomed opened this issue · comments
Santiago Medina commented
I am using the Autocomplete component and when onPlaceSelected
I am saving the place into a state array (input
) of the parent component. However, whenever a place is selected the previous value is set to an empty array and then adds the new selected place, instead of adding it to the existing array. I am thinking it has something to do with refs, but I'm not sure how to start fixing it. Any help or advice would be appreciated.
Example:
1. inputs = [place1];
2. onPlaceSelected={(place2) => {
console.log(inputs); // prints empty array
addInput(place2);
}}
4. input = [place2]; // should be input = [place1, place2]
// addInput basically does this
function addInput(place) {
setInputs[...inputs, place]l;
}