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

Question

Google 搜索了一下，但仍然无法实现如何在 React 中的模板字符串中渲染 html 标签:

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

有什么优雅的“ react 方式”来修复它吗？

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>
);