![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 61
Knight-泽
这个作者很懒,什么都没留下…
展开
-
@reduxjs/toolkit中异步请求方式
@reduxjs/toolkit中异步请求方式:1.最会普通标准的使用方式:导入createAsyncThunk组件创建一个异步请求函数一共有两个参数:第一个是命名空间和Slice里一样,千万不要重复啊,要不然都不知道使用的哪个!第二个参数是一个异步函数,我这里用的是axios。cnpm install -S axios,然后再上方导入即可使用之后就是有一个关键点了:再Slice里在reducers下加入一个extraReducers,照着模板写就可以了,记得给action上一个a原创 2021-03-25 09:38:52 · 2840 阅读 · 1 评论 -
表单控制的简单使用
表单控制的简单使用这次就不展示怎么创建项目了,前面几次练习已经熟记于心了吧。主要讲解:以表单为例这是检查输入框中数据变更,数据就跟着变更那么不想实时改变,那么就得用到一个ref的钩子了首先定义一个ref因为是dom所有一般不给定类型,给个any就行了在输入框中输入了数据,但是数据源是没有改变的,现在点击按钮更改成功!...原创 2021-03-23 15:15:13 · 280 阅读 · 0 评论 -
react-router-dom 里面的两种基本的方式传参:
react-router-dom里面的基本的方式传参:第一种呢是useParams第二种是useLocation下面会对这两种方法进行简单的讲解使用:首先我们准备好项目yarn create react-app demoname --template typescript这里我依旧是使用的Ts模板,后面也都会是Ts模板演示。创建完项目后进入项目使用npm install安装依赖(很重要)好了现在环境以及准备好了可以开始了!首先安装我们的react-router-dom导入到我们的a原创 2021-03-23 10:24:50 · 990 阅读 · 0 评论 -
redux toolkit的简单使用(RTK)
redux toolkit的简单使用(RTK)初始化生成一个项目:yarn create react-app demoname --template typescript(基于TS编写)首先对redux toolkit进行安装:安装命令(也可以使用cnpm)npm install -S @reduxjs/toolkit react-redux安装成功开始使用吧。首先在index.tsx页面导入react-redux中的Provider在导入react-redux是会有一个错误提示,根原创 2021-03-23 09:19:34 · 2192 阅读 · 0 评论 -
react-redux的简单练习(二)
之前练习的简单用法中只有一个reducer,那么要是需要使用多个reducer我们应该怎么办,今天就是学习一下多个reducer的简单用法。1.首先第一步创建一个新项目,一般创建项目使用yarn,下载包就使用cnpm,因为yarn创建项目会带有缓存,下次再次创建就会很快。至于用cnpm下载包,因为cnpm是用镜像源的。使用yarn命令进行下载项目yarn create react-app 项目名称 --template typescript这里我们使用的是typescript的模板,开发也都是使用原创 2021-03-16 11:36:22 · 143 阅读 · 0 评论 -
简单练习react-redux
1.建议安装yarn平常创建项目是使用yarn,因为yarn创建项目第一次之后都会有缓存。如果是安装包,建议使用npm的镜像cnpm下载。2.react-router和react-router-domreact-router是路由的基本操作库react-router-dom是路由基本操作库上封装的组件库一般使用react-router-dom一般使用的库有:router ,switch,Link3.redux和react-reduxredux是redux的基础核心react-redux是原创 2021-03-15 11:30:48 · 217 阅读 · 0 评论