首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React.js
Janice
创建于2021-05-13
订阅专栏
收录了前端框架React.js的学习笔记
等 3 人订阅
共11篇文章
创建于2021-05-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React生命周期
初始化:组件类被实例化的时候 挂载中:组件被插入DOM的时候 更新中:新数据更新组件的时候 卸载中:组件从DOM中移除的时候 1、设置属性和初始状态 defaultProps:默认属性 state:在
React虚拟DOM
一、DOM DOM(文档对象模型): 一个允许JavaScript程序与不同类型的文档(HTML、XML和SVG)进行交互的编程接口即DOM API。 反映了XML文档层次结构的树形结构,这个树结构由
React元素和组件
一、React元素 React元素用来构建虚拟DOM(React DOM),与真实DOM有相同的树状结构,而真实DOM由DOMElement组成。 1、创建 2、JSX 使用React.createE
《the-road-to-learn-react》React 基础
一、create-react-app 通过create-react-app创建项目,零配置入门,各种工具和配置都发生在后台 二、React 组件和DOM App 组件是一个 JavaScript 函数
《React全家桶:前端开发与实例详解》读书笔记2
第4章 JSX和虚拟DOM 1、虚拟DOM 虚拟DOM:表示实际DOM的JavaScript 对象树,一个由ReactElement组成的树。React会把它变成真正的DOM。 ReactElemen
《React全家桶:前端开发与实例详解》读书笔记1
第 1 章 第一个React Web应用程序 一、React组件 React组件是继承React.Component类的ES6类,render()是React组件唯一必需的方法,该方法的返回值是渲染到
React Hook
在不编写类组件的情况下也能使用state来构建组件自身数据,Hook组件就是个类似于无状态组件的函数。 Hook只是一种“工具”,这种工具可以让我们在无状态组件中使用到state以及生命周期等特性。 deps:依赖数组,用来控制是否应该触发 Effect,从而能够减少不必要的计…
React 状态——Redux(下)
在实际项目中,可以在src 目录下新建 reducers 文件夹,在文件夹下建立各个模块的.js文件和index.js(组合文件),index.js用于构成最终的 rootReducer。 组合所有 reducer 的 state,最后组合成类似我们之前定义的 initialS…
React 状态——Redux(上)
一个可预测的 JavaScript 应用状态管理容器(容器即为Store)。 Store:保持状态,分发状态给 View,使得 View 根据这些状态渲染不同的内容。 Reducers:响应不同的动作,负责更新 Store 中状态的 JavaScript 函数。 在 React…
React入门(2)
state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。 组合使用 state 和 props,在父组件中设置 state, 并通过在子组件上使用 props 将其传递到子组件上。 Props 验证使用 propTypes,…
React入门 (1)
React.js 是一个用于构建用户界面的 JavaScript 库,页面的元素由jsx编写生成。 创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。 高效 −React通过对DOM的模拟通过对DOM的模…