Kann ich eine reaktive Komponente aus programmgesteuert erstelltem JSX rendern?

Question

Also arbeite ich an einer kleinen Web-App, wo der Benutzer einige Abschriften mit JSX-Style-Parametern eingibt, und diese Abschrift wird mit den Parametern, die mit einigen Werten ausgefüllt werden, gerendert.

Da ich react bereits verwende, wäre es super schön reaktive Stilvorlagen zu verwenden, um das endgültige HTML zu generieren. I.e. etwas wie:

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> 
    ) 

} 

Ist das möglich?

Answer 1

Sie können dangerouslySetInnerHTML wie in der documentation erläutert verwenden.

Etwas wie folgt aus:

render: function() { 

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

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