javascript - 如何将 JSX 存储在变量中？

Question

这正确输出，作为 JSX 工作，按预期突出显示该字段。

var result = "the text";
renderResults[2].props.children.props.listing.title = <span className="highlight"> {result} </span>;

然而，这个没有。它显示为带有 h​​tml 标签的字符串：

var result = "the text";
var finalResult = <span className="highlight"> {result} </span>;
renderResults[2].props.children.props.listing.title = finalResult;

如何让第二个作为 JSX 而不是字符串传递？

标签： javascriptreactjsjsx

Answer 1

您的类属性缺少结束引号

var finalResult = <span className="highlight"> {result} </span>;