modify the input string to look like twitter's tweet

Question

this is how my twitter clone tweet looks like

sorry for spacing mistake here I can not mention user and hashtag and create a link for them like original twitter

and I was trying to make it more like original twitter like tweet

How can I make my twitter clone tweet look more like original twitter clone. I want that blue color like mentions and hashtags

Thank you for your solutions

Answer 1

First convert the string to array using string.split() method.

Then customize the words you want to edit with array.map() method.

then I used <YourComponent dangerouslySetInnerHTML={{__html: yourStringContainingHTML }} />

It worked for me.