How to write a line with html tags in state?

Question

JavaScript

The question is very simple how to write a line with a tag in state so that it is displayed correctly on the page
If the tag is written in the component, then 5 years will be squared, which is not good

this.state = {
          numbers: [
              {title: '5 лет', descr: 'На рынке изделий из гофрокартона'},
              {title: 'до 5 000 000 м  <sup>2</sup>', descr: 'Ежемесячный объем производства гофрокартона'},
//как пробовал
              {title: `4 000 м${<sup>2</sup>}` descr: 'Площадь склада'}, - выдает 4000 и objectObject
          ]
        };

Output in the render() method

{this.state.numbers.map((number, index) => {
                            return (
                                <Number key={index} title={number.title} descr={number.descr}/>
                            );
                        })
                        }

Result

I would be grateful for the answers

Answer 1

HTML can be inserted through the dangerouslySetInnerHTML prop

<div dangerouslySetInnerHTML={{__html: stringHtml}} />

But you should be careful with this. You can read here

Answer 2

yours like this:
$price = intval(str_replace(' ', '', $price));

Answer 3

$b = '128'; 
$c = intval($b);

echo gettype($c);

strange, but if you do it like this, it will return an integer, and if gettype(intval($b));
it's a string