Замена объекта стиля javascript в строке html

Question

Ниже мой блок кода реагирования

import React from 'react';
import { render } from 'react-dom';
import Parser from 'html-react-parser';
var styles = {
    primaryLable60: {
        fontSize: '60px',
        color: '#dedede',
        direction: 'ltr',
        textAlign: '-webkit-auto',
    }
};
var htmlString = "<div style={styles.primaryLable60}>Hello World</div>";

const renderRoot = document.getElementById('root');
render(
    <div>
        {Parser(htmlString)}
        <div style={styles.primaryLable60}>
            Hello World
        </div>
    </div>
    , renderRoot)

Мне нужно получить фактический объект стиля "styles.primaryLable60" во время рендеринга.

Новый реагировать, поэтому нужна помощь на это

Answer 1

Использование dangerouslySetInnerHTML,

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

Вместо

{Parser(htmlString)}

нет необходимости использовать html-react-parser,

возможно, вам придется использовать, если вам действительно нужен Parser.

import Parser from "react-html-parser";

см. здесь о реакции-HTML-парсер