我正在用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函数的信息,也没有听说过任何可以使之起作用的解析方法。
您可以使用dragonallySetInnerHTML,例如
render: function() { return ( <div className="content" dangerouslySetInnerHTML={{__html: thisIsMyCopy}}></div> ); }