在span中的字符串上应用span返回[object Object]而不是给我跨越的文本

Question

我正在尝试对句子中的某些单词应用span。

return "hello how are you hello".replace(/hello|you/gi, <span className="some-class">"new"</span>);

在我看来，我看到[object Object]而不是（span）new（span）如何（span）new（span）（span）new（span）

我也尝试过使用dangerouslySetInnerHTML，但没有运气。我仍然得到[object Object]

Answer 1

Project Structure会返回一个字符串，因此它会将您的String.prototype.replace调用转换为字符串React.createElement。

相反，您可能希望将句子分成单词，映射它们并返回jsx（如果它与正则表达式匹配），否则返回字符串。

[object Object]