在react中fetch请求的简单封装，也适用于其他框架如vue 普通js项目
原创
2024-03-25 11:00:52
195阅读
新建http.js文件用来封装get和post请求 1、封装get请求 2、封装post请求 3、测试 首先在其他组件引入，注意：分析 引入类和方法的区别： React等类直接写即可 方法需要在外面用{}包围 封装之前写法 封装完成后调用httpPost写法，这里data为对象格式即可 get方法与
转载
2020-02-28 16:14:00
757阅读
2评论
React笔记(五)1.组件化React应用采用基于组件的架构方式，也就是说可以将一个复杂的页面分解成一个个较简单的组件来实现。但组件在开发时，常常会遇到一些问题，比如为单一组件赋予了过多的指责。这在项目上是可行的，但如果需要修改现有功能，或者创建新功能，就大大增加了工作量。export default class Demoe extends Component {
state={
c
转载
2023-11-27 15:10:29
71阅读
JavaScript 中的 ajax 很早之前就有一个诟病————复杂业务下的 callback 嵌套的问题。promise 正是 js 中解决这一问题的钥匙。接下来我们在react项目中应用到的fetch 就用到了最新的 promise。那我们如何在react项目中应用fetch呢？第一步：安装用 npm 安装的话，执行cnpm install whatwg-fetch --save即可...
原创
2022-03-29 09:54:21
497阅读
什么是闭包闭包,官方的解释是：一个拥有需要许多变量和绑定了这=这些变量的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：1 作为一个函数变量的引用，当函数返回时，其处于激活状态。2 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。简单的说，javascript允许使用内部函数----即函数定义个函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外
本次项目使用了react框架，同时使用fetch取代ajax作为获取接口数据的交互方法。本以为过程中应该不会有什么磕绊，没想到遇到了session丢失这个让人甚是苦恼的问题。期间本想换种方法来对接接口，但转念一想如果每次遇到问题都选择逃避，那么以后的编码之路只能越走越窄，所以还是决定坚持下去。好在经过一整天的摸索，总算是成功攻克了这个难关，下面就对这次问题的解决做个总结。session丢失的问
转载
2024-01-08 16:01:19
155阅读
# React Axios 和 Fetch：异步数据请求利器
在现代的 Web 开发中，与服务器进行数据交互是至关重要的一个环节。而在 React 中，我们常常会使用 Axios 和 Fetch 这两个工具来进行异步数据请求。本文将简要介绍这两种工具的使用方法，并提供代码示例。
## Axios
Axios 是一个基于 Promise 的现代 HTTP 客户端，可用于在浏览器和 Node.j
原创
2024-06-06 05:34:36
42阅读
如何基于 React 封装一个组件前言很多小伙伴在第一次尝试封装组件时会和我一样碰到许多问题，比如人家的组件会有 color 属性，我们在使用组件时传入组件文档中说明的属性值如 primary ，那么这个组件的字体颜色会变为 primary 对应的颜色，这是如何做到的？还有别人封装的组件类名都有自己独特的前缀，这是如何处理的呢，难道是 css 类名全部加上前缀吗，这也太麻烦了！如果你正在困惑这些问
转载
2024-02-29 16:51:08
82阅读
目录前言导语父子组件调用父组件第一步第二步子组件 数据演示功能要点 1 演示效果 功能要点2 演示效果 功能要点3 演示结果总结父子组件调用首先我们看一下父子组件的一个调用父组件第一步import ButtonGroup from './Common/ButtonGroup/index.js';第二步<ButtonGroup bu
转载
2023-11-30 15:48:57
0阅读
几天才想起来前一段时间fetch的简单封装，今天简单记一下，话不多说直接上代码（结合了typescript不过不需要直接去除类型就行） const url_base: string = "http://127.0.0.1:9097" export async function request(par ...
转载
2021-08-06 12:21:00
1279阅读
## 项目方案：使用React进行前端数据提交并通过Python后端处理参数
### 背景
在现代的Web开发中，前端和后端的协作非常重要。一个常见的前后端交互场景是，前端使用React等框架发送POST请求，后端使用Python接收请求并处理参数。本文将详细阐述如何实现这一过程，并展示整个工作流。
### 项目需求
我们希望通过一个简单的项目实现以下功能：
1. 使用React创建一个
一、简介基于项目需求，对Ant Design中CheckBox复选框组件进行了二次封装，主要有以下一些功能：【a】可直接使用数据库常量表的标识，使用sign标识从后台查询数据源时，以'DMK_'加上对应代码库标识，如：sign={'DMK_XTGL_WJLX'}；【b】支持自定义数据源，需要遵循一定的格式，如： [{label: 'A', value: 'A'},{label: 'B', valu
转载
2024-10-11 13:15:29
43阅读
（一）耦合是决定组件之间依赖程度的系统特性。根据组件的依赖程度，可区分两种耦合类型： （1）当应用程序组件对其他组件知之甚少或一无所知时，就会发生松耦合。 （2）当应用程序组件知道彼此的许多详细信息时，就会发生紧耦合。（二）松耦合设计应用结构和组件之间关系的目标。封装或 信息隐 是如何设计组件的基本原则，也是松耦合的关键。 松耦合应用(即封装组件)，松耦合的好处： （1）可以在不影响应用其它部分的
转载
2023-11-14 09:23:40
96阅读
RN 与native 的交互0>>> React 的渲染機制1>>> react-native 渲染原理 2>>> react-native 如何与原生通信3>>> 如何封装一个原生视图组件4>>> react-native 的线程管理 RN的本质是利用 js 调用 native 端的组件
1、react组件封装封装组件分三类：封装普通展示类组件 通过函数组件实现，不带生命周期，不带state封装纯逻辑类组件 通过组件的生命周期来做判断，给传入的组件加上一些附加属性或逻辑操作或props封装通用业务组件 上述两种组合，组件本身可完成独立的通用业务。可组合、可维护、可重用 一个设计良好的组件应该有什么特性？ 高内聚低耦合 在封装一组组件时候应该思考什么？ 组件应该是做什么的 组件至少应
转载
2023-11-07 06:40:30
119阅读
原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 封装。因本人水平有限，文中部分翻译可能不够准确，如果您有更好的想法，欢迎在评论区指出。———————————————我是一条分割线————————————————封装一个封装组件提供 props 控制其行为而不是暴露其内部结
转载
2024-03-12 16:23:28
51阅读
