- 博客(8)
- 收藏
- 关注
原创 js字符串属性方法整理
本文中的字符串都用str代替!字符串最常用的属性是:lengthlength是返回字符串的长度;使用方法:str.length[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8RgOBz9J-1640853378852)(https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=1e7fbdc79ec9ed42ea8a86e01ddc00e3)]字符串常用的方法:1.charAt():获取字符串
2021-12-30 16:37:12
749
原创 @reduxjs/toolkit中异步请求方式
@reduxjs/toolkit中异步请求方式:1.最会普通标准的使用方式:导入createAsyncThunk组件创建一个异步请求函数一共有两个参数:第一个是命名空间和Slice里一样,千万不要重复啊,要不然都不知道使用的哪个!第二个参数是一个异步函数,我这里用的是axios。cnpm install -S axios,然后再上方导入即可使用之后就是有一个关键点了:再Slice里在reducers下加入一个extraReducers,照着模板写就可以了,记得给action上一个a
2021-03-25 09:38:52
3016
1
原创 表单控制的简单使用
表单控制的简单使用这次就不展示怎么创建项目了,前面几次练习已经熟记于心了吧。主要讲解:以表单为例这是检查输入框中数据变更,数据就跟着变更那么不想实时改变,那么就得用到一个ref的钩子了首先定义一个ref因为是dom所有一般不给定类型,给个any就行了在输入框中输入了数据,但是数据源是没有改变的,现在点击按钮更改成功!...
2021-03-23 15:15:13
325
原创 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
1059
原创 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
2283
原创 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
178
原创 简单练习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
257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人