![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 85
react
想被带飞的鱼
前段小白一枚,正努力学习当中,一起进步吧。
展开
-
React状态,props和state的对比和各自的使用
React状态所有组件都会产生state对象props:只能获取里面的值,不能修改,就算修改了也没用state:获取和改变值一:组件状态更新1.使用ref获取节点,并获取节点的内容创建ref对象this.xxx = React.createRef();获取ref节点this.xxx.current实例: class Addcount extends React.Component{ //构造函数 constructor(){原创 2022-05-13 13:41:48 · 287 阅读 · 0 评论 -
初始React规范,React的特点和react组件和JSX
React一:React介绍网址:https://zh-hans.reactjs.org/再也看不到操作节点的操作1.特点自动化的UI状态管理虚拟DOM用普通js对象来描述DOM结构,因为不是真实DOM,所以称之为虚拟DOM。(通过虚拟DOM来改变节点,把改变后的虚拟DOM和真实DOM比较,然后更新节点)好处:简化了DOM操作,提高了性能组件化开发组件化和模块化的共同点:都可以复用区别:组件化:根据不同的功能,不同的标签划分成不同的组件;模块化:是实现代码的管理,把一原创 2022-05-13 13:36:33 · 261 阅读 · 0 评论 -
Webpach打包器的如何使用
打包器作用:1.把文件打包在一起,方便开发,减少请求数 2.模块加载官方文档:https://webpack.docschina.org/Webpach只能用于后台的单页页面一:Webpach概念概念:本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundl原创 2022-05-13 13:35:05 · 294 阅读 · 0 评论