没有途径，只有努力

该文章将教会大家了解json-server是什么，并且如何使用它2.编写一个JSON文件代码如下（示例）：db.json3.运行去到该json文件目录下三、使用命令1.GET获取数据代码如下（示例）：2.POST添加数据3.put修改数据(全部更新)例如:4.patch修改数据(局部更新)例如:5.delete删除数据代码如下（示例）：6.多表联查(关系)7.分页8.排序更多使用方法可查阅官方文档:https://www.npmjs.com/p

react拓展官网:[GraphQL | A query language for your API](https://graphql.cn/)官网:[DvaJS](https://dvajs.com/)官网:[UmiJS - Extensible enterprise-level front-end application framework.](https://umijs.org/)上方三个可根据自身需求进行学习,react文章差不多完结，接下来就差不多就进行项目实战了~...

redux-saga异步管理ES5生成器关键字: 定义函数需要在函数名前急＋号通过进行拦截然后定义变量接收这个函数再通过进行执行可传参,函数通过接收变量接收的值就是传来的值上方这是执行了第一次再继续往下执行,直到没有了打印的会为用变量接收 最后得到的一个对象value(yelid传来的值)–与—done(是否不能继续执行)上方就是生成器的基本使用了首页创建一个按钮进行触发App.js随后reducer.js中编写list1导出给引用store.js状态编写然后开始创建任务在saga.js

styled-components样式组件化> 🚀🚀**首发:CSDN碰磕，学无止境**> ----> ⛅⛅⛅**阴33°** > > ----> 💪💪**Like lonely.** > > ------> 📅2022/6/30> > -------# styled-components>将style样式写在同一个文件中并且组件化使用.## 安装```cppnpm i styled-components 基本使用动画...

Mobx学习# Mobx>一款强大的状态管理工具## 🍰Mobx与redux的区别> - `mobx`写法偏向与`oop`> - 对一份数据可以直接进行修改操作,不需要始终返回一个新的数据> - 并非单

Immutable【告别传统拷贝】Imutable它是一款代替传统拷贝方式的第三方库

react-redux、redux持久化🌼2.在组件中通过connect进行通信订阅使用前不要忘记引入根据之前的案例在组件中进行通知通过.函数名进行调用…这样就完美替换了dispatch在之前的案例上做改变引入----定义本地存储-----persistReducer增强----persistStore(store)—导出(store,persistor)这样就实现了...

Redux学习之路带你学会全局状态管理~该代码只要一进入该页面就会通知store.js，退出则会打印销毁,再通过store.js进行数据处理然后再转发给订阅者zhuye.js，最后主要拿到想要的数据…进行相对应操作这就是Redux的一个工作流程,完美解决了传参的复杂繁琐性…创建两个不同的reducerCityReducer.jsTabbarReducer.jsredux中:store.js引入两个reducer再通过进行合并访问在没有拆分前:拆分后...

编写setupProxy.js测试案例这样就实现react反向代理了，没有跨域问题~这样他就能保证样式名不重复css文件Films.module.css这样就能实现样式自由!!!大功告成!!!✌

React路由详情篇一级路由与多级路由重定向配置404页面拦截嵌套路由导航声明式导航注:这里导航需要放到BrowserRouter中，所以这里我通过插槽实现部署到路由BrowserRouter中…编程式导航路由传参方式1(路径传参)获取数据:函数组件会接收到props参数在params中方式2(state传参)参数在query中路由拦截写法RequireAuth为拦截的函数Cinemas时需要拦截的组件里边进行逻辑判断，正确则返回传进.

React Hook第六篇----自定义hooks> 🚀🚀**首发:CSDN碰磕，努力学习⑧**> > ----> 🌞🌞🌞**天晴**> > ----> ✊✊**阳光明媚Study....**> > ------> 📅2022/6/16> > -------# 自定义hooks> 必须以"use"开头,因为这是React检查的约定> - 将某个功能模块单独进行封装,能实现代码复用以及代码整洁,清晰明了## 使用import ...

@[TOC](React Hook第五篇----useContext&&useReducer)> 🚀🚀**首发:CSDN碰磕，努力学习⑧**> > ----> 🌞🌞🌞**天晴**> > ----> ✊✊**阳光明媚Study....**> > ------> 📅2022/6/15> > -------# useContext## 介绍>与class中写法对比减少了代码量,省去了返回回调函数获取传来的值## 使用```js/** * useContext...

@[TOC](React Hook第四篇----useRef保存引用值)> 🚀🚀**首发:CSDN碰磕，分享自己的学习日志**> > ----> 🌞🌞🌞**天晴**> > ----> ✊✊**阳光明媚Study....**> > ------> 📅2022/6/14> > -------# useRef(保存引用值)## 介绍>相当于useState一样也可以进行保存引用值## 语法 >- useRef(‘默认值’)>通过.current得到它...

React Hook第三篇----useCallback记忆函数&&useMemo记忆组件> 🚀🚀**首发:CSDN碰磕，分享自己的学习日志**> > ----> 💧💧💧**小雨**> > ----> ✊✊**越战越勇,越学越猛**> > ------> 📅2022/6/13> > -------# useCallback记忆函数## 前言> 使用缘由：>> 防止因为组件重新渲染,导致方法被重新创建,起到缓存作用> 类似监听器....监听更......

React Hook第二篇----useEffect&&useLayoutEffect传空数组表示无依赖，只执行一次数组传依赖，当该依赖更新后也会进行执行(可以想象成class类的更新)

ReactHook使用缘由：- 高阶组件为了复用，导致代码层级复杂- 生命周期的复杂- 写成functional组件，无状态组件，因为需要状态，又改成class成本高useState> 相当于把state与setstate进行了封装，可直接使用>> - 1.引入useState> - 2.创建---const [变量1,变量2] = useState('默认值')> - 分析:变量1是参数值，变量2是函数用于修改变量1，默认值是变量1的默认值...

React快速入门不使用脚手架引入js:<script src="./js/react.development.js"></script><script src="./js/react-dom.development.js"</script>写法:<div id="root"></div> <script> //创建标签 let h1=React.createElement('h