javascript - 使用React Variable Statements(JSX)插入HTML

我正在用react构建一些东西,我需要在JSX中插入带有react变量的HTML。有没有一种方法可以使用这样的变量:

var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>';

把它像这样插入到反应中,然后让它工作?
render: function() {
    return (
        <div className="content">{thisIsMyCopy}</div>
    );
}

它是否按预期插入HTML?我还没有看到或听到任何关于可以在内联中执行此操作的react函数的内容,也没有看到或听到任何关于解析允许此操作的内容的方法。


最佳答案:

您可以使用dangerouslySetInnerHTML,例如

render: function() {
    return (
        <div className="content" dangerouslySetInnerHTML={{__html: thisIsMyCopy}}></div>
    );
}