如何用react把外部的静态html片段动态的封装到Component 中?

#1

我的问题是这样的,我用react和react-router写了一个单页面的Bolg网站,现在遇到一个问题,react-router路由有有这样的用法,他把url和Component绑定到一起,这样根据路由显示不同的组件。
但是对于一个博客文章来说,这些文章是静态的html文件,我总不能个每写一篇文章,就封装一个Component吧,而且这样很难的维护,在初始化的时候也很将浪费大量的资源,把文章的内容放入数据库,用时拿出来格式化,这样又增加了数据库的负担。
所以我想有没有这样一种功能,正常的写html片段,然后把这部分html片段用react拉入然后封装为一个Component,这样用react-router就很方便了!!

#2
<div 
dangerouslySetInnerHTML = {{__html: this.state.htmlContent }} 
></div>

看看这样可以满足你的需求不?

1 Like
#3

老铁稳!谢谢