![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
LambAI_2022
DUT
展开
-
React为什么要尽量避免操作DOM
本人在最近开发过程中,使用React框架,由于一直习惯于用原生js方法查找DOM和操作DOM,而且起初并未发现问题。而昨天在对一组子组件的开发中,由于使用了document.getElementBy的方法,而这一组子组件是通过map生成的结构相同的子组件,于是出现了在对其中一个组件的操作中,其他子组件也伴随一起相应。原因就是通过原生DOM操作时,创建监听一个组件的事件时,其实也同时监听了所有结构相原创 2017-05-13 10:01:51 · 1049 阅读 · 0 评论 -
React innerHTML
虽然React提供一系列的渲染机制,但有些Render变量是HTML字符串,需要以innerHTML嵌入到React组件中,但由于在组件Render之前无法通过id或class获取目标标签,所以无法通过element.innerHTML进行赋值;React提供了一个dangerouslySetInnerHTML属性,可以实现inner赋值操作。render(){let compsD原创 2017-05-09 10:25:48 · 5897 阅读 · 0 评论 -
React项目打包后,404的解决方案
公司做项目,用React开发。组件式开发过程对于程序员来说,层次清晰,十分清爽。打包上线阶段,出现问题:当发生在新标签打开新网页或者刷新当前页面时(被打开的页面路径都不是首页路径),这时会出现404错误。解决方式:在打包文件夹中,创建htaccess文件,写入:ErrorDocument 404 /index.html其含义为:当请求文件返回404时,重定位到index.html。原创 2017-06-16 17:53:34 · 6434 阅读 · 2 评论 -
Webpack 代码拆分
webpack按需打包js原创 2017-08-30 14:48:23 · 442 阅读 · 0 评论