![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
reac
咣 头 镪 001
这个作者很懒,什么都没留下…
展开
-
redux react-redux简介
redux react-redux简介 相对于vue的vuex而言 react的redux确实要复杂许多,并且没有相对完善适合初学者的文档,所以学习起来特别困难,这里用一个小例子来写一下 redux react-redux的简单用法,事先声明所有的文件地址请读者根据自己的文件地址写连接 首先是安装 // 个人比较喜欢用yarn 不喜欢的可以自行换成npm 或者 cnpm yarn add redux --save yarn add react-redux --save 在项目中创建store文件夹原创 2020-12-24 17:21:12 · 37 阅读 · 1 评论 -
react非父子组件传值
react非父子组件传值 创建observer.js文件 即订阅者文件 const observer = { list: [], subscribe(callback) { this.list.push(callback) }, dispatch(data) { this.list.forEach(item => { item(data) }) } } export default obs原创 2020-12-24 17:06:39 · 62 阅读 · 1 评论 -
react非父子组件传值
react非父子组件传值 非父子组件传值 react的非父子组件传值可以是使用订阅模式 首先定义订阅者 // 创建一个observer.js文件 const observer = { list: [], // 用力收集所有的函数 subscribe(callback) { // 接收dispatch触发的函数的方法 this.list.push(callback) } dispatch(data) {原创 2020-12-24 17:00:09 · 101 阅读 · 1 评论 -
react路由嵌套路由及路由传参
react路由嵌套路由及路由传参 因为react的嵌套路由跟vue比一点不好写 所以在使用的时候建议使用react-router-config来配置路由 会相对轻松 第一步 先安装路由依赖 1.yarn add react-router-dom --save 2.yarn add react-router-config --save 第二步 配置路由文件 新建一个routes.js文件 新建pages文件夹和home组件about组件及page2组件 import React from原创 2020-12-24 16:54:30 · 142 阅读 · 1 评论