Могу ли я визуализировать компонент реакции из программно созданного JSX?

Question

Итак, я работаю над небольшим веб-приложением, в котором пользователь вводит некоторую уценку с параметрами стиля JSX, и эта уценка отображается с параметрами, заполненными с использованием некоторых значений.

Поскольку я уже использую реакцию, было бы очень приятно использовать шаблоны в стиле реакции, чтобы сгенерировать окончательный HTML. То есть что-то вроде:

render: function() { 

    var markdownString = "#Hello {name}!" 
    var myParams = { name: "Markdown" } 
    var renderedMarkdown = renderMarkdown(markdownString) //value is <h1>Hello {name}!</h1> 

    return( 
     renderJSX(renderedMarkdown, myParams) //renders <h1>Hello Markdown!</h1> 
    ) 

} 

Возможно ли это?

Answer 1

Вы можете использовать dangerouslySetInnerHTML, как объяснено в documentation.

Что-то вроде этого:

render: function() { 

    var markdownString = "#Hello {name}!" 
    var myParams = { name: "Markdown" } 
    var renderedMarkdown = { 
     __html: renderMarkdown(markdownString) 
    } 

    return <div dangerouslySetInnerHTML={renderedMarkdown} />; 
}