How to highlight matches within a string with JSX?

Question

I have a custom autocomplete, so when you type, it will display a list of suggestions based on the input value. In the list, I would like to bold the characters that are th

Answer 1

You just append your mapper as children inside your auto complete component.

  

    {
      matches.map(function(match, idx){
        let re = new RegExp(value, 'g');
        let str = match.replace(re, ''+ value +'');
        return (
{str}
)
      })
    }