JavaScript 中的 ajax 很早之前就有一个诟病————复杂业务下的 callback 嵌套的问题。promise 正是 js 中解决这一问题的钥匙。接下来我们在react项目中应用到的fetch 就用到了最新的 promise。那我们如何在react项目中应用fetch呢？第一步：安装用 npm 安装的话，执行cnpm install whatwg-fetch --save即可...
原创
2022-03-29 09:54:21
506阅读
# React Axios 和 Fetch：异步数据请求利器
在现代的 Web 开发中，与服务器进行数据交互是至关重要的一个环节。而在 React 中，我们常常会使用 Axios 和 Fetch 这两个工具来进行异步数据请求。本文将简要介绍这两种工具的使用方法，并提供代码示例。
## Axios
Axios 是一个基于 Promise 的现代 HTTP 客户端，可用于在浏览器和 Node.j
原创
2024-06-06 05:34:36
42阅读
To understand lazy loading in React, we need to think in two steps. 1. Use dynamice import: to load script 2. Use React.lazy to load dynammice import,
转载
2020-10-22 00:06:00
236阅读
2评论
在react中fetch请求的简单封装，也适用于其他框架如vue 普通js项目
原创
2024-03-25 11:00:52
195阅读
react-redux 版本号 7.2.3react-redux 依赖的库:"dependencies": {
"@babel/runtime": "^7.12.1",
"@types/react-redux": "^7.1.16",
"hoist-non-react-statics": "^3.3.2",
"loose-envify": "^1.4.0",
常见格式：文件后缀type.docapplication/msword.docxapplication/vnd.openxmlformats-officedocument.wordprocessingml.document.xlsapplication/vnd.ms-excel.xlsxapplication/vnd.openxmlformats-officedocument.spreadshee
原创
2022-10-28 04:27:01
219阅读
本次项目使用了react框架，同时使用fetch取代ajax作为获取接口数据的交互方法。本以为过程中应该不会有什么磕绊，没想到遇到了session丢失这个让人甚是苦恼的问题。期间本想换种方法来对接接口，但转念一想如果每次遇到问题都选择逃避，那么以后的编码之路只能越走越窄，所以还是决定坚持下去。好在经过一整天的摸索，总算是成功攻克了这个难关，下面就对这次问题的解决做个总结。session丢失的问
转载
2024-01-08 16:01:19
155阅读
1. 路由按需加载： 不做按需加载，代码全部打包在bundle.js 文件里，首屏渲染很慢，项目文件较多，会出现1分钟加载的可能性。 import React, { Component } from 'react';
import Loadable from 'react-loadable'; // 按需加载依赖包
import {HashRouter,Route,Switc
引言
随着 Web 应用的复杂度不断增加，页面加载速度成为影响用户体验的重要因素之一。React 提供了按需加载（Lazy Loading）的功能，可以在需要时动态加载组件，从而提高初始加载速度和整体性能。本文将从基础概念入手，逐步深入探讨 React 按需加载的常见问题、易错点及如何避免，并通过代码示例进行说明。
什么是按需加载（Lazy Loading）
按需加载是一种优化技术，通过这种方式
import React, { PureComponent } from "react";import { ActivityIndicator } from "antd-mobile";export default class Loading extends PureComponent { static defaultProps = { show: false }; render()
原创
2022-09-29 16:07:21
305阅读
1.构造函数设置data为空 constructor(props){ super(props); th
原创
2022-08-01 20:40:09
137阅读
本节介绍下React下fetch的post请求 （1）编写服务端代码 /*加载express模块*/ var express = require('express') /*加载path路径处理核心模块*/ var path = require('path') /*加载body-parser中间件*/
转载
2020-02-27 21:43:00
682阅读
2评论
本文介绍下React下fetch的get使用步骤 参考文章网络请求之fetch （1）编写基础组件模板 根组件引入 （2）json-server搭建模拟后台服务 编写模拟数据 自定义端口启动 测试如下 （3）结合生命周期componentDidMount进行fetch网络请求操作 注意：fetch后
转载
2020-02-27 11:33:00
361阅读
2评论
React中网络请求接口API axios请求： getStudentData = () => { axios.get('http://localhost:3000/api1/students').then( response => {console.log('成功了', response.data ...
转载
2021-09-24 15:22:00
286阅读
2评论
react native redux login && register token
原创
2022-12-15 14:57:48
199阅读
