how to use dangerouslySetInnerHTML in react-highlight-words

Question

I want to use dangerouslySetInnerHTML in react-highlight-words package in Highlighter tag.

          <Highlighter
            activeClassName=""
            activeIndex=...
            highlightClassName=...
            highlightStyle=...
            searchWords={srchArr}
            autoEscape=...
            textToHighlight={{ __html: string}}
          />

textToHighlight is giving me [Object Object] in result. How i solve it? Please help!

Answer 1

You are getting [Object Object] because of this line,

 textToHighlight={{ __html: string}}

Here string might be an Object , you should use this,

 textToHighlight={{ __html: JSON.stringify(string)}}