首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
Always_positive
创建于2021-05-13
订阅专栏
本专栏主要记录React框架的学习过程,总结经验
等 16 人订阅
共112篇文章
创建于2021-05-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React-62:组件间通信方式总结
props (1):children props (2):render props消息订阅与发布集中式管理 redux.
React-61:错误边界
所谓的错误边界,就是将错误控制在一定的范围内,例如子组件出现了错误,不能影响父组件的显示。将错误控制在子组件内。
React-60:render props
包含的内容是传递给A组件的信息,A组件通过this.props.A组件通过this.props.
React-59:PureComponent
只要执行setState(),即使不改变状态数据,组件也会重新render()当前组件重新render(),就会自动重新render子组件,如果子组件并没有用到父组件的任何东西,这样就会使得效率低。
React-58:Context(组件间进行通信)
context的主要使用场景适用于下面的A组件和C组件或者A组件和D组件进行通信,至于A组件和B组件进行通信,可以使用propsContext使用步骤(下面的这个只适用于类式组件)构造Context容
React-57:Fragment(让函数式组件能够使用ref)
在React进行解析的时候,会将Fragment丢掉,可以有效的防止标签包裹无效冗余。
React-56:RefHook(让函数式组件能够使用ref)
创建ref使用ref
React-55:EffectHook(让函数式组件能够使用生命周期钩子)
因为在函数式组件中无法使用生命周期钩子的,例如:componentDidMount这个生命周期钩子,通过这个Hook可以让我们在函数式组件中使用生命周期钩子。第一个参数:是一个回调函数 这个回调函数相当于是componentDidMount,这个回调函数可以返回一个回调函数,返回...
React-54:stateHook(让函数式组件能够使用state)
Hook是React 16.8.
React-53:懒加载的使用
1. 2. 3. 注意fallback包裹的组件是当懒加载组件无法显示的时候,显示的组件,所以Loading组件不能够使用懒加载的方式。
React-52:setState的两种更新状态的方式
方式1:对象式的setState回调的方式方式2:函数式的setState通过函数式的setState,该函数能够接收到两个参数,一个是state,另一个则是props
React-51:React项目打包运行
1. 2. 3.
React-45:mapDispatchToProps的简写方法
简写形式对象:键值对的形式
React-50:一文学会redux开发者工具的基本使用
安装方法使用方法有异步action的情况没有异步action的情况redux-devtools-extension介绍action区域查看action对象的type和data查看redux帮我们保存的
React-49:纯函数概念
同样的输入,必须是同样的输出。函数中不能改写参数的值。不会产生任何副作用,不能有网络请求和输入输出设备。不能调用Date.now()和Math.random()等不纯的方法。
React-48:为什么redux中的reducer返回状态时不能用unshift等API?
redux的底层会比较preState的地址是否发生了变化,如果没有发生变化,就不会更新页面,只有发生了变化才会更新页面。
React-47:一张图看懂react-redux的基本流程
请耐心看完,看完后定会对react-redux的基本流程有更加深入的认识,同时会对react-redux每一个模块的作用有更加深入的了解。
React-46:Provider组件的使用
在入口文件中引入Provider通过给Provider传递store,就不用通过给每一个容器组件传递store了别忘了在入口文件引入store
React报错:TypeError: Cannot call a class as a function
错误描述TypeError: Cannot call a class as a function错误原因错将redux-thunk写成react-thunk解决办法
React-44:异步action的写法
安装react-thunk在store中引入thunk从redux中引入中间件库applyMiddleware修改createStore的参数异步action的写法
下一页