Revisions for "(React.js) Google Places Autocomplete & Semantic UI React"

(React.js) Google Places Autocomplete & Semantic UI React

I am working on a reactjs project where I am utilizing Semantic UI React. There is a component within this library called Search that has the styling and functionality that I want to utilize. Test it out and read the documentation on that component here:

https://react.semantic-ui.com/modules/search

I want to use this component for google places autocomplete. There are a few react components available that will take care of some of the google autocomplete logic, but I am unable to figure out how to use the state/data from these components and have it work with the Semantic UI Search component.

One such component that I tried to leverage is the react-places-autocomplete. You can preview a working demo of that here:

https://kenny-hibino.github.io/react-places-autocomplete/

I am not necessarily tied to the react-places-autocomplete component. If you can find out that helps deliver the functionality desired, that will be ok.

Deliverable:

The source for a single react component that will deliver autocomplete functionality but by leveraging the Semantic UI React Search component. The Semantic UI Search & Search.Results must be leveraged to retain the functionality/styling that I desire.

(React.js) Google Places Autocomplete & Semantic UI React
I am working on a reactjs project where I am utilizing Semantic UI React. There is a component within this library called Search that has the styling and functionality that I want to utilize. Test it out and read the documentation on that component here: https://react.semantic-ui.com/modules/search I want to use this component for google places autocomplete. There are a few react components available that will take care of some of the google autocomplete logic, but I am unable to figure out how to use the state/data from these components and have it work with the Semantic UI Search component. One such component that I tried to leverage is the react-places-autocomplete. You can preview a working demo of that here: https://kenny-hibino.github.io/react-places-autocomplete/ I am not necessarily tied to the react-places-autocomplete component. If you can find outone that helps deliver the functionality desired, that will be ok. Deliverable: The source for a single react component that will deliver autocomplete functionality but by leveraging the Semantic UI React Search component. The Semantic UI Search & Search.Results must be leveraged to retain the functionality/styling that I desire.. This means in the solution component you must be including/utilizing: `import { Search } from "semantic-ui-react";`
Back to question