Question

所以我正在开发一个小型Web应用程序，用户在其中输入一些带有JSX样式参数的降价，并使用一些值填充参数来显示降价。

由于我已经在使用react，因此使用react-style模板生成最终的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

您可以按照documentation。

中的说明使用dangerouslySetInnerHTML

这样的事情：

render: function() {

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

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

我可以从编程创建的JSX渲染react组件吗？

1 个答案: