formatHTMLMesssage() function in React not rendering special characters

Question

below is my code:

<RaisedButton id="abc" title={formatHTMLMessage({id: 'T_TEXT_TOOL_TITLE'})} className="abcClass" />

T_TEXT_TOOL_TITLE=Some Text to show&#039;

When rendering the above component in the UI, the formatHTMLMessage function do not render the ' character as a single quote ('), instead it displays '.

I tried another function formatMessage() as well, but it did not work. Please find the screenshot :

screenshot

Your question seems to be missing the code you're referring to, could you please update it with the relevant code showing exactly what isn't working — Gricey, Jun 24 '19 at 07:22

score 0 · Accepted Answer · answered Jun 25 '19 at 19:57

Please try the below code. Hope it will fix the issue.

const parser = new DOMParser();
T_TEXT_TOOL_TITLE=Some Text to show&#039;

<RaisedButton id="abc" title={parser.parseFromString(formatHTMLMessage({id: 'T_TEXT_TOOL_TITLE'}), 'text/html').body.textContent} className="abcClass"/>

formatHTMLMesssage() function in React not rendering special characters

1 Answers1