React
独自灿烂吧
这个作者很懒,什么都没留下…
展开
-
React路由全解
1.安装yarn add react-router-dom2.引入路由3.路径匹配(普通路由,特殊路由,严格模式,switch)4.component的渲染方式5.路由高亮6.路由传参7.路有对象(history,location:state:上一个路由传过来的参数,match:params)7.子路由(没有子路由的强概念,主要根据路径来匹配)...原创 2020-08-03 22:10:14 · 246 阅读 · 0 评论 -
React之Context大全
首先我们来说一下Context是干什么的,其实就是实现跨组件之间数据通信的一种方式1.在react项目中使用context我们的demo目录结构如下:我们可以先建一个文件Mycontext,来管理我们的数据在Parent引入Son组件,在Son组件引入Grandson,比如我们想在组件中使用Mycontext中的数据,我们可以这样写:static contextType = 引入的模块 是固定写法,然后通过this.context就能拿到想要的值2.通过Provider包裹原创 2020-08-02 16:15:23 · 347 阅读 · 0 评论 -
React 实践心得:react-redux 之 connect 方法详解
https://segmentfault.com/a/1190000015042646原创 2020-07-31 23:07:25 · 138 阅读 · 0 评论 -
Redux-saga
https://blog.csdn.net/ZYC88888/article/details/82894452原创 2020-07-31 22:23:41 · 99 阅读 · 0 评论 -
用http-proxy-middleware配置代理时报错:proxy is not a function
再用create-react-app创建react项目后,安装了http-proxy-middleware来配置代理,在src文件夹下新建了一个setupProxy.js文件,当时写的的代码如下:const proxy = require("http-proxy-middleware");module.exports = function(app) { app.use( proxy( "/api", { target: "http:原创 2020-07-30 22:26:26 · 7097 阅读 · 0 评论 -
React项目中使用antd-mobile组件中的Carousel 走马灯报错严格模式问题
通过ceact-react-app搭建的React项目,在使用antd-mobile组件库中的Carousel(跑马灯)组件时,报如下错误(但是不影响跑马灯的使用):Warning: A string ref, "slider", has been found within a strict mode tree. String refs are a source of potential bugs and should be avoided. We recommend using useRef() or原创 2020-07-30 11:08:20 · 2662 阅读 · 0 评论 -
React相关知识梳理文档
关于ReactReact的起源和发展React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库!A JavaScript library for building user interfacesReact不是一个完整的MVC框架,最多可以认为是MVC中的V(View),甚至React原创 2020-07-21 19:24:35 · 215 阅读 · 0 评论