03-13-2018 13:22
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post

03-13-2018 13:22
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
- Who Voted for this post?
Hi Guys,
I am writing my first fitbit app and I hit a snag. i would like to fetch an autocomplete list of adresses based on the users input. F.e. when typing new Y, it should show a list of addresses acquired by the api.
Now I have this
function findAddress(value) { console.log(value); const url = 'https://maps.googleapis.com/maps/api/place/autocomplete/json?input=' + value +'&key=SOMEKEYHERE'; console.log(url); fetch(url, { method: "GET", mode: 'no-cors' }).then(function(res) { console.log(JSON.stringify(res.json())); }); } function SettingsView(props) { console.dir(JSON.stringify(props)); return ( <Page> <Section title={<Text bold align="left">Settings</Text>}> <Text bold align="left">Address 1</Text> <TextInput title="Add List Item" label="Set Address" placeholder="Type something" action="Add Item" onAutocomplete={(value) => { findAddress(value); }} />
Now the first problem is that the res.json is empty, but if I call it in the browser it returns places like intended.
The second problem -> how can i return the autocomplete list to the TextInput? Does it work with promises?
I hope you can help.
Thanks,
Nick
03-13-2018 14:06
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post

03-13-2018 14:06
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
If I remove the 'mode: 'no-cors'' it returns a cors error.

