eRealm Developers
Home
Archives
Tags
Categories
Link
Search
Articles
38
Tags
59
Categories
4
Home
Archives
Tags
Categories
Link
eRealm Developers
应该在React组件的何处发起Ajax请求?
2019-09-25
|
react
应该在componentDidMount函数中发起Ajax请求 原因 它在整个生命周期中只执行一次,避免了重复请求数据的情况 如果在挂载组件之前获取到了数据请求结果,并在该组件上调用setState,这将不起作用,在componentDidMount中发起网络请求将保证这个组件可以更新
render在什么时候会被触发?如何避免不必要的render?
2019-09-25
|
react
render触发的条件 第一次挂载 state改变 props改变 避免不必要的render 利用shouldComponentUpdate钩子函数,通过它的返回值react会决定要不要render,返回false不会渲染
如何给组件添加默认props
2019-09-24
|
react
defaultProps 的作用: defaultProps 可以为 Class 组件添加默认 props 这一般用于 props 未赋值,但又不能为 null 的情况 添加 defaultProps 的两种方法 在类中声明静态属性 static defaultProps ,这种方法只有浏览器编译 ...
简述create react app的用法
2019-09-24
|
react
详细用法 全局安装 npm i create-react-app -g 创建应用(以下其一即可) npx create-react-app my-app yarn create create-react-app my-app npm i create-react-app my-app 将封 ...
React 中 Element 与 Component 的区别?
2019-09-23
|
react
React 中 Element 与 Component分别是什么 React Element 是 React 实现界面内容的最小单元 React Component 是由React Element 构成的小的代码片段 它们有什么区别 一个是元素,一个是组件 Element具体描述了你在屏幕上想看到 ...
getDerivedStateFromError() 和 componentDidCatch() 有什么区别
2019-09-23
|
react
这两个函数是什么 它们是React16引入的一个新概念 —— 错误边界 过去,组件内的 JavaScript 错误会导致 React 的内部状态被破坏,并且在下一次渲染时产生可能无法追踪的错误。这些错误基本上是由较早的其他代码(非 React 组件代码)错误引起的,但 React 并没有提供一种在组 ...
认识一下Controlled Component 与 Uncontrolled Component
2019-09-23
|
react
受控组件 React的state为唯一数据源,并且每个state突变都有一个相关的处理函数,这使得修改或验证用户输入变得简单。 123456789101112131415161718192021222324252627282930class NameForm extends React.Compo ...
简单谈一下React Diff算法
2019-09-20
|
react
在谈React Diff之前,先看看传统的diff算法 如果要计算上图两个树形结构的差异并进行转换,传统diff算法会递归每一个节点,以a节点为例,会进行如下比较 a->e,a->d,a->b,a->c,a->a 左侧树节点b,c,d,e比较过程与节点a相同,这时算 ...
开始使用Hook吧
2019-09-20
|
react
Hook是什么 Hook是React16.8的新增特性,提供内置钩子函数(也可自定义),它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性 在以函数声名的组件中使用,不可以在class声名的组件中使用 如何使用Hook(以使用state为例) 引用 1imp ...
React有哪些生命周期
2019-09-19
|
react
React生命周期的四个阶段 组件初始化阶段 :也就是以下代码中类的构造方法 constructor() ,可以用来用来初始化state属性,Test类继承了react Component这个基类,也就继承这个react的基类,才能有render()、生命周期等方法可以使用,这也说明为什么函数组件不 ...
1
2
3
4
Erealm
Articles
38
Tags
59
Categories
4
Add to bookmark
Announcement
感謝訪問本站,若喜歡請收藏 ^_^
Recent Post
反转一个字符串里面的大小写,其它字符不变
2019-09-28
写一个函数,实现千分位
2019-09-28
给出两个长度相等的字符串,找出相同索引处字符值相同的字符
2019-09-28
写一个函数把下划线命名转化为小驼峰命名
2019-09-28
了解React中的合成事件及原生事件
2019-09-27
Categories
dom
2
others
9
purefunc
4
react
23
Tags
API
Ajax请求
CSS
CSS position
CSS 定位
CSS 布局
Design
EventEmitter
Github
Github Pages
Grunt
Hook
Jekyll
Module
Node.js
Principle
RESTful
author
blog
express
gruntfile
keys
markdown
node.js
package
page
props
ref
render
responsive design
ruby
rubyrem
site
state
switch
this
web
web front-end
web 前端
事件
博客
压缩
参数
合并
响应式设计
开源
性能优化
插件
模块
渲染
生命周期
算法
类型检测
组件
自动化
设置
路由
配置
错误处理
Archives
2019年09月
29
2014年11月
8
2014年10月
1
Info
Article :
38
Run time :
UV :
PV :
繁
Local search
Powered by
hexo-generator-search