javascript - 无法在 react.js 的模板字符串中呈现 html 标签

Question

谷歌了它，但仍然无法意识到如何在 React 的模板字符串中呈现 html 标签：

return (
  <p className="text-left m-3">
     {this.state.movies ? `Showing <strong>`${this.state.movies.length}</strong`> : 
                          `DB is empty`
     }
  </p>
);

有没有优雅的“反应方式”来解决它？

标签： javascripthtmlreactjsecmascript-6jsx

Answer 1

您可以简单地使用span来包装元素，而不是将它们作为字符串返回

return (
  <p className="text-left m-3">
     {this.state.movies ? <span>Showing <strong>{this.state.movies.length}</strong></span> : 
                          <span>DB is empty</span>
     }
  </p>
);