![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
小灰灰城堡
萌萌的小灰灰
展开
-
VSCode设置与删除代码模板(vue和react为例)
前言:在我们做开发中,免不了会偷个懒,节省自己的写代码的时间。想通过一些快捷键直接把想要的模板对象创建出来。今天给大家详细的写下,在VSCode中怎样去设置代码模板。步骤:①:找到VSCode里的左上角的文件,然后点击,找到列表里的首选项,在首选项里会看到用户代码片段②:然后进行设置,自己的代码片段。下面我以react为例进行解释。(直接从上面第②步开始)大家如果想看Vue的可...原创 2020-01-06 20:59:14 · 6534 阅读 · 2 评论 -
react2.0以下以及2.0以上代理配置方式
前言:react版本不一样对各个配置也会不一样,今天在搞react的时候,就配置了一个代理,因为刚开始没注意版本问题一直报错。查了资料才知道。下面来看下吧。react2.0以下:(package.json下面这样配置)"proxy":{ "/api/**":{ "target":"http://m.kugo.com", "changeOrigin": true }}react2.0以及以上版本(package.json下面这样配置)//直接写你原创 2020-10-13 20:28:53 · 221 阅读 · 1 评论 -
react中兄弟组件的传值
前言:组件通信中除了父子组件,爷孙组件还有兄弟组件传值通信这都是在项目常用的。下面介绍下兄弟的传值。①:首先先安装events插件npm install events --save②:新建一个文件,然后引入events,相当于Vue里的Bus③:接受参数兄弟组件下面这样写法已经弃用了:改为下面的写法:④:触发监听事件传递参数的兄弟组件...原创 2020-10-10 20:15:07 · 1913 阅读 · 2 评论 -
react中context跨组件传值(爷孙组件等多组件深度传值)
前言:在做项目中免不了进行组件深度传值,比如爷孙组件以及更深。这是时候其实有两个办法的。就是类似下面的结构下面给大家介绍下方法①:传统的父子组件传值,一个传一个,这样虽然能实现但是很麻烦。②:就是react给我们提供了一个context,可以帮我们达到效果。context 通过组件树提供了一个传递数据的方法,从而避免了在每一个层级手动的传递 props 属性。接下来看怎样使用。使用之前我们需要知道里面的几个东西①:childContextTypes(外层的组件使用的)②:ge原创 2020-10-10 19:57:36 · 1246 阅读 · 0 评论 -
react配置src根目录(绝对路径)
前言:做项目的时候需要引入很多文件,当引入文件路径的时候感觉写的路径很长,这就感到很难受了,万一在碰见哪个客户提出多加一层目录混蛋需求这就又要改。所以直接配置成绝对路径,管他加几个目录我找到的就是根路径。下面看下怎样配置吧:...原创 2020-10-10 19:32:21 · 4382 阅读 · 1 评论 -
react脚手架配置less
前言:react搞得很奇怪,既然脚手架里配置了sass语法,为什么不把less语法也配置进去。还让开发者自己配置下。言归正传:下面开始配置。①:安装lessnpm install --save less less-loader②:找到node_modules/react-scripts/config/webpack.config.js③:配置截图:代码:const lessRegex = /\.less$/;const lessModuleRegex = /原创 2020-10-10 19:22:14 · 473 阅读 · 0 评论 -
使用redux传参时报错Expected `onClick` listener to be a function, instead got a value of `object` type.
描述:这个错误是在做react遇到的,如图原因:当使用redux时操作state通过传参的方式改变state。我们必须用下面的方法。原创 2020-04-14 19:10:34 · 5665 阅读 · 0 评论 -
react-redux的详细介绍及使用
react-redux简介:React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据,并且向store分发actions以更新数据react-redux几个知识(Provider,connect,mapStateToProps,mapDispathToProps)①:Provider是react-redux 提供的一个 Re...原创 2020-04-14 16:41:04 · 553 阅读 · 0 评论 -
redux与react-redux的区别:
redux简介:redux是react中进行state状态管理的JS库(并不是react插件),一般是管理多个组件中共享数据状态。这个是和Vuex是一样的。react-redux简介:React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据,并且向store分发actions以更新数据。①:redux和组件进行对接的时候...原创 2020-04-14 15:01:13 · 7197 阅读 · 3 评论 -
redux中多个reducer合并详解及注意事项
前言:原创 2020-04-14 17:45:36 · 2786 阅读 · 0 评论 -
redux的用法详解
前言:原创 2020-04-14 10:49:37 · 346 阅读 · 0 评论 -
redux中state数据已更新,但是页面上的数据没有随之更新
前言:原创 2020-04-14 19:03:09 · 4426 阅读 · 1 评论