search-suggestions | Example showing off adding search suggestions | Autocomplete library

I am using Material-UI with react to build a Dropdown component.

Dropdown.tsx

I posted this question earlier, sorry for a repost but I can't figure out why the code works for the person who answered and not for me.

How to get values from search suggestions after keying in text using python selenium?

I'll retype the question and update it with the code he posted.

When you enter something for example apple into the search bar at https://finance.yahoo.com/ there is a search suggestions menu that appears.

I am trying to get it to return a list, dictionary or dataframe of the values in that drop down box.

For example

I'm web crawler newbie and just followed this article. It's pretty easy to follow.

https://www.digitalocean.com/community/tutorials/how-to-crawl-a-web-page-with-scrapy-and-python-3

And I have 1 website target to do it. The purpose is to get a product price and name list under class ais-Hits-list.

For example --> price (259) and name (XT7 women's trail running shoes dark blue and pink)

I have search-suggestions section which is opened when user start search.

That mean when user type something in search input I call setState({ isSearchActive: true })

Now when user click outside of that search-suggestions div section I would like to call `setState({ isSearchActive: false })``

In parent component I created function handleClosingSuggestions():

I'm attempting to use redis to cache my site search's autocompletion. I came across a tutorial that shows you how to store a plain string as so:

How can i surround certain letters in a string by an html tag?

For example, given this string: Sgt. Pepper's Lonely Hearts Club Band and this substring: Pepp. I want to surround the substring inside the string with an html tag. Like this: Sgt. Pepper's Lonely Hearts Club Band.

I achieved this, but React is escaping the span tags. But also, i don't know if i should take another approach, maybe a more JSX one.

This is the component where im trying to implement it:

I am trying to build and test the auto complete feature on a master item lookup tables using Azure Search (for a ASP MVC application). The search index was done with the suggesterName SG set to ItemDisplayName

I was looking to test it first on Azure portal- so that I could aim to replicate the results via code. This is because the results I am getting in code are quite unexpected

As I type the substring the itemDislayName, the expectation was that upto 5 selected names will be displayed

On the portal, I tried a query string of

search=str&suggesterName=SG

with the base request URL containing the index, api version and sugestorName-but I don't get results of items containing 'str' and with the fuzziness as below

Could you please guide around [1] how I can get suggestor output in azure portal-search explorer [2] can I control fuzziness using queryType and ~1,~2

I was referring to these 3 links 1) https://docs.microsoft.com/en-us/rest/api/searchservice/suggestions and

2) https://channel9.msdn.com/Shows/Azure-Friday/Azure-Search-103-Azure-Search-Suggestions-with-Liam-Cavanagh

3) gunnarpeipman.com/2016/07/azure-search-suggesters/

I need to store some data outside ajax call in a variable. So, I am using async: false option in ajax. But it gives me an error:

JSON data: