React
react
gxhlh
智慧的获取,能力的提升,创造力的领悟,是基于长期的投资回报周期。
展开
-
React Native防止重复点击
三种防抖/防止重复点击的实现方法原创 2024-09-09 22:26:33 · 786 阅读 · 0 评论 -
React Native Ref转发/Memo缓存/HOC高阶组件/Context上下文
React 进阶知识,使用 React Native 演示原创 2024-01-20 00:19:43 · 1359 阅读 · 0 评论 -
在Vue3 中使用 JSX 和 React 使用 JSX 有何区别
Vue3 也支持 JSX,那么是不是两者完全相同?使用体验有何不同?原创 2022-11-28 21:02:14 · 460 阅读 · 0 评论 -
useEffect - 依赖对象或数组
useEffect 依赖项为对象或数组时,引发不断重渲染问题的原因及解法。转载 2022-10-22 13:22:31 · 3652 阅读 · 2 评论 -
React 函数组件中无法清除定时器问题
函数组件的本质是一个函数,而在在一个局部函数中,函数每一次执行,都会在把函数的变量重新生成一次。原创 2022-07-27 22:55:08 · 3103 阅读 · 2 评论 -
ProTable 实现点击重置按钮后不刷新 table
官方点击表格重置按钮,会重新请求表格。想要点击重置,只是条件置空,但是不重新请求数据看文档可以解决99%的问题:ProTable - 高级表格原创 2022-06-03 22:00:22 · 3295 阅读 · 1 评论 -
WebSocket 的使用
WebSockets 是一种先进的技术。它可以在用户的浏览器和服务器之间打开交互式通信会话。使用此API,您可以向服务器发送消息并接收事件驱动的响应,而无需通过轮询服务器的方式以获得响应。https://developer.mozilla.org/zh-CN/docs/Web/API/WebSockets_APIWebSocket 对象提供了用于创建和管理 WebSocket 连接,以及可以通过该连接发送和接收数据的 API。https://developer.mozilla.org/zh-CN/do原创 2022-06-03 21:45:49 · 194 阅读 · 0 评论 -
使Antd Form 表单组件在一行显示
form 表单在一行显示一、通过栅格布局二、wrapperCol 属性三、layout=“inline” 表单布局原创 2022-05-20 19:52:10 · 7198 阅读 · 0 评论 -
关于React 中出现值更新了界面没更新的问题
react中数组如果引用地址不变,是不触发重新渲染的,但是值是设置进去了或const [lists,setLists] =useState([]);…const arr = […lists]; //克隆的时候改变地址arr.splice(index,1)setLists(arr);这里要根据react的渲染机制源码,因为react 会判断旧状态和新状态是否有变化,如果没有变化就不渲染,所以要改变地址告诉render 是新状态要重新渲染原文链接:https://blog.csdn.net/w原创 2022-04-25 22:37:53 · 5504 阅读 · 0 评论 -
解决 Antd 报错Warning:Instance created by `useForm` is not connect to any Form element
问题描述antd: 4.2.0, react: 16.13.1 Modal 中使用 Form ,使用 React Hooks const [form] = Form.useForm(); 创建实例时,会出现以下警告。Warning: Instance created by useForm is not connected to any Form element. Forget to pass form prop?问题原因页面初始化,调用 form 方法时,因为 Modal 还未初始化,导致 f原创 2022-03-02 21:10:50 · 5751 阅读 · 5 评论 -
React 组件销毁时清除订阅、定时器以及清理异步操作和取消请求等资源
问题:Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.in GlobalHeaderRight (a原创 2022-02-25 19:24:11 · 4818 阅读 · 0 评论 -
React 组件之间传递值和事件的几种方式
父组件向子组件传值和传递事件函数组件props父组件<Welcome fname="gxh" func={ func}/>;子组件function Welcome(props) { this.props.func() // 触发父组件事件 return <h1>Hello, {props.fname}</h1>; // 获取值}class 组件props父组件<Welcome cname="gxh" cfunc={this.fun原创 2022-02-18 22:28:07 · 2911 阅读 · 0 评论 -
DefinitelyTyped 高质量TypeScript 类型定义的存储库。
高质量TypeScript类型定义的存储库。TypeScript允许您拥有声明文件,这些文件允许您描述用(例如)纯JavaScript编写的代码形状。因此,通过引用其中一个文件,您可以准确地告诉TypeScript您应该如何“键入”您使用的JavaScript代码或库。当然,这意味着需要仔细编写声明文件并与您正在使用的JavaScript库同步。对于许多JavaScript库而言,DefinitelyTyped是最受欢迎的声明文件存储库,其中大多数JavaScript库不提供自己的声明文件(因为它们不是原创 2022-02-18 21:25:16 · 200 阅读 · 0 评论 -
将数据递归修改为 Ant Design Tree 结构数据
实现内容是把数据内参数名改成 符合 Tree 结构数据的参数名数据结构:{ "id": "1", "name": "1", "children": [ { "id": "2", "name": "1.1", "children": [ { "id": "3", "name": "1.原创 2022-02-13 22:54:54 · 503 阅读 · 0 评论 -
React中数据传递的几种方式和使用场景
使用场景如果你在组件间传递的数据逻辑比较复杂,可以使用redux;如果组件层级不多,可以使用props;如果层级较深,数据逻辑简单,可以使用context或者发布-订阅模式。在 React 16.3 之前,Context API 由于存在种种局限性,并不被 React 官方提倡使用,开发者更多的是把它作为一个概念来探讨。而从 v 16.3.0 开始,React 对 Context API 进行了改进,新的 Context API 具备更强的可用性。...原创 2021-12-05 23:40:19 · 857 阅读 · 0 评论