![](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 · 263 阅读 · 0 评论 -
Webpach打包器的如何使用
打包器 作用:1.把文件打包在一起,方便开发,减少请求数 2.模块加载 官方文档:https://webpack.docschina.org/ Webpach只能用于后台的单页页面 一:Webpach概念 概念: 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundl原创 2022-05-13 13:35:05 · 295 阅读 · 0 评论