Hey everyone. I saw that after passing out location from DropDown and Submitting it. In Console ( Network ) you are getting response with "formatted_address".
Does anyone knows how to access this response and store it in the project?
The idea is that when user types data. It store lat lng and stores address + zip code.
handleSelect = address => {
geocodeByAddress(address)
.then(results => getLatLng(results[0]))
.then(latLng => console.log("Success", latLng))
.then(() => this.setState({ storedAddress: address }))
.catch(error => console.error("Error", error));
};But in the example about storedAddress will not return formatted address. Meaning it will not contain zip.
searchOptions = { fields: ['photos','formatted_address','name','rating','opening_hours','geometry'] }
photo_reference
geocodeByAddress(address) function, and instead of running the method getLatLng(), I simply set state at that point (in the second instance of the function). handleSelect = address => {
geocodeByAddress(address)
.then(results => getLatLng(results[0]))
.then(latLng => {
console.log('Success', latLng)
console.log(address)
this.setState({
latLng: latLng,
// address: address
});
})
.catch(error => console.error('Error', error));
geocodeByAddress(address)
.then(results => this.setState({address: results[0].formatted_address}))
.catch(error => console.error('Error', error));
};
Hi, I'm also testing an application which uses react-places-autocomplete with cypress.
The test is able to search for a city and select one of the results and it works fine in local, since it hits the real google geolocation service.
Unfortunately, it does not work in CI because it's prevented from sending requests to external services. I have been trying to stub the request for some time with little success. Any suggestions?
I’ve got an error when test with Jest after using this package.
...
TypeError: request.open is not a function
at dispatchXhrRequest (.../node_modules/axios/lib/adapters/xhr.js:28:13)
at new Promise (<anonymous>)
at xhrAdapter (.../node_modules/axios/lib/adapters/xhr.js:11:10)
at dispatchRequest (.../node_modules/axios/lib/core/dispatchRequest.js:59:10)
at <anonymous>
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! my-project@0.1.0 test: `node scripts/test.js --env=jsdom`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the my-project@0.1.0 test script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
