[JavaScript知识库]2021-07-12

react 中加载静态word文档（或加载静态的html文件）

在react遇到需要将一些很长的word文档，并且该文档中有许多样式，前端调需要花费很长的事件，并需要展示成html的形式时可以使用

1. 使用office将word文档转成html的格式（会有部分样式不对，需要自己调整）

   注：wpsh转成html格式可能会有乱码，需要注意

   const Arobj = `<div>我是要插入的html的部分</div>`
   

2. 将转好的html格式的文档打开其源码复制其中的html部分将其用模板字符串的形式插入所要显示的地方

<div dangerouslySetInnerHTML={{ __html: ArObj }}></div>