![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react 学习
文章平均质量分 93
_Juggler
这个作者很懒,什么都没留下…
展开
-
React函数式编程Hook之useContext,useReducer
新特性学习之useContext context就是⽤来更⽅便的实现全局数据共享的,但是由于他并不是那么好⽤,所以我们⼀般会使⽤第三⽅状态管理器(redux,dva,mobx)来实现全局数据共享。 useContext(context) 针对context上下⽂提出的⼀个Hooks API,它接受React.createContext()的返回值作为参数,即context对象,并返回最近的cont...原创 2020-04-08 13:58:26 · 505 阅读 · 0 评论 -
React函数式编程Hook之useState,useEffect
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情 况下使用 state 以及其他的 React 特性 Hook为我们解决了哪些问题 在以往的函数式编程中涉及到组件状态更改的我们都不能使用函数式组件。函数式组件一般只用于一些简单的交互,用作信息展示。如果需要交互,更改状态等复杂逻辑时就需要使用class组件了,hook的出现让我们更好的拥抱函数式编程,让函数式组...原创 2020-04-08 10:41:37 · 814 阅读 · 4 评论 -
react --- 组建通信context学习
组建通信在我的简单理解可以这么觉得:就是组件与组件之间的属性传递。像我们传统的父子组件的state和props的属性传递一样,但是在我们的代码量越来越多的情况下,组件之间的层层嵌套。如果单纯的还是使用state,props进行层层传递,那么很有可能就会遗失掉一些属性,更不利于我们后期的代码维护,所以react 官方就提供了这么一个context上下文方法。 Context 通过组件树提供了一个传递...原创 2020-04-02 21:00:39 · 139 阅读 · 0 评论 -
React ---用dva实现简单计数器
写在前面 最近这段时间在学习react,在掌握了一点点的基础知识之后,觉得dva真的很神奇,尤其是再经历redux-saga这么复杂的处理副作用后,所以我就开始琢磨dva,刚开始都是以最简单的计数器开始,我会大概的描述下我在做的过程中出现的问题。 我只是个react初学者,希望各位大神能对我多多指教,勿喷~ 整体的话我是基于react脚手架,安装了dva的依赖包 我的目录结构大致是这样子的 最外...原创 2020-04-02 20:03:56 · 334 阅读 · 0 评论 -
react---HOC高阶组件初体验
HOC高阶组件初体验 什么是高阶组件: 简单的来说就是抽离具有相同逻辑或者相同展示的组件,用来提高组件复用率。 从本质上来讲高阶组件就是一个函数。这个函数接收了一个组件,并返回一个新的组件,返回的这个新组件可以对属性进行包装,也可以重写部分生命周期 简单案例 这是利用react脚手架创建的简单案例 入口文件index.js import ReactDOM from 'react-dom' impo...原创 2020-04-02 19:58:06 · 108 阅读 · 0 评论