GreyCastle的博客

前言：在我们做开发中，免不了会偷个懒，节省自己的写代码的时间。想通过一些快捷键直接把想要的模板对象创建出来。今天给大家详细的写下，在VSCode中怎样去设置代码模板。步骤：①：找到VSCode里的左上角的文件，然后点击，找到列表里的首选项，在首选项里会看到用户代码片段②：然后进行设置，自己的代码片段。下面我以react为例进行解释。（直接从上面第②步开始）大家如果想看Vue的可...

前言：react版本不一样对各个配置也会不一样，今天在搞react的时候，就配置了一个代理，因为刚开始没注意版本问题一直报错。查了资料才知道。下面来看下吧。react2.0以下：（package.json下面这样配置）"proxy":{ "/api/**":{ "target":"http://m.kugo.com", "changeOrigin": true }}react2.0以及以上版本（package.json下面这样配置）//直接写你

前言：组件通信中除了父子组件，爷孙组件还有兄弟组件传值通信这都是在项目常用的。下面介绍下兄弟的传值。①：首先先安装events插件npm install events --save②：新建一个文件，然后引入events,相当于Vue里的Bus③：接受参数兄弟组件下面这样写法已经弃用了：改为下面的写法：④：触发监听事件传递参数的兄弟组件...

前言：在做项目中免不了进行组件深度传值，比如爷孙组件以及更深。这是时候其实有两个办法的。就是类似下面的结构下面给大家介绍下方法①：传统的父子组件传值，一个传一个，这样虽然能实现但是很麻烦。②：就是react给我们提供了一个context，可以帮我们达到效果。context 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递 props 属性。接下来看怎样使用。使用之前我们需要知道里面的几个东西①：childContextTypes(外层的组件使用的)②：ge

前言：做项目的时候需要引入很多文件，当引入文件路径的时候感觉写的路径很长，这就感到很难受了，万一在碰见哪个客户提出多加一层目录混蛋需求这就又要改。所以直接配置成绝对路径，管他加几个目录我找到的就是根路径。下面看下怎样配置吧：...

前言：react搞得很奇怪，既然脚手架里配置了sass语法，为什么不把less语法也配置进去。还让开发者自己配置下。言归正传：下面开始配置。①：安装lessnpm install --save less less-loader②：找到node_modules/react-scripts/config/webpack.config.js③：配置截图：代码：const lessRegex = /\.less$/;const lessModuleRegex = /

描述：这个错误是在做react遇到的，如图原因：当使用redux时操作state通过传参的方式改变state。我们必须用下面的方法。

react-redux简介：React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据，并且向store分发actions以更新数据react-redux几个知识（Provider，connect，mapStateToProps，mapDispathToProps）①：Provider是react-redux 提供的一个 Re...

redux简介：redux是react中进行state状态管理的JS库（并不是react插件），一般是管理多个组件中共享数据状态。这个是和Vuex是一样的。react-redux简介：React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据，并且向store分发actions以更新数据。①：redux和组件进行对接的时候...

前言：

前言：

前言：