vue3源码解析——ref和reactive定义响应式的区别
reactive源码解析 proxy是怎么代理的？ let handler = { //拦截整个对象，访问对象的属性时get拦截器触发 get(target, key) { let value = target[key]; if (typeof value === "object") { //如果访问的对象属性还是对象，进行递归 return new Proxy(value, handler); } re...
二、Vite React基础配置，Ant Design Mobile组件库，axios,路由的使用
文章目录 创建react+ts项目安装Ant Design Mobile移动端组件库安装路由配置@别名安装aixos配置封装 创建react+ts项目 // 固定写法，可单独创建 名字 模板 react+tsnpm create vite@latest react_ts -- --template react-ts 安装Ant Design Mobile移动端组件库 npm install --save...
React antd中下拉框联动没有清除上一次选中的内容
bug： 第一次： 第二次： 解决方法： <Fotm.item> <Select showSearch placeholder="请输入单位名称" filterOption={selectFilterOption} options={bmSelectOptions} onChange={handleDwmcChange} /> </Form.Item> const handleDwmcChange = (...
react状态管理工具（redux、zustand）
ment } = counterStore.actions;export default counterStore.reducer; 导出index.js文件到根index.js使用 import React from 'react';import ReactDOM from 'react-dom/client';import './index.scss';import App from './Ap...
react native 使用ScrollView实现下拉更新，上拉加载更多
在React Native中，要实现下拉更新和上拉加载更多的功能，你需要自定义ScrollView组件，监听滚动事件并根据滚动的位置来判断何时触发更新和加载更多的操作。以下是一个基本的实现思路： 监听滚动事件：使用ScrollView的onScroll属性来监听滚动事件。判断滚动位置：在onScroll的回调函数中，通过event.nativeEvent.contentOffset.y来获取滚动的垂直偏移...
【React】React 内置 Hook
React 内置 Hook 是一组允许你在函数组件中使用 state 和其他 React 特性的函数。它们极大地扩展了函数组件的功能，使得在无需编写 class 的情况下也能使用 React 的全部功能。以下是一些主要的 React 内置 Hook 的介绍： 1.useState useState 是用于在函数组件中添加状态（state）的 Hook。它返回一个状态变量和一个更新该状态的函数...
react native hooks 页面出现重绘问题，如何解决
在React Native应用中，使用Hooks导致页面出现频繁重绘或性能问题时，可以尝试以下策略来优化和解决问题： 减少不必要的状态更新： 使用 React.memo 高阶组件包裹那些不需要每次父组件状态改变时都重新渲染的子组件。它通过浅比较props来决定是否执行子组件的渲染。 import React, { memo } from 'react'; const MyComponent = (prop...
React Native获取及监听网络状态
在React Native中，要获取和监听网络状态，你可以使用react-native-netinfo库（以前是核心库的一部分，但在React Native 0.60之后被移出并作为一个独立的库提供）。以下是使用这个库来获取和监听网络状态的基本步骤： 安装依赖库 首先确保你已经安装了@react-native-community/netinfo库： npm install @react-native-co...
【React】React响应事件
在React中，事件处理是组件与用户交互的关键部分。下面我将详细解释你提到的几个点。 1. 编写事件处理函数的不同方法 在React中，事件处理函数通常有以下几种编写方式： a. 箭头函数 在组件的render方法中直接定义箭头函数： class MyComponent extends React.Component { handleClick = () => { console.log...
【React】React中渲染列表
在React中渲染列表是一个常见的任务，通常涉及到使用数组的map()方法来遍历数组并生成一系列的组件。同时，filter()方法可以用来筛选需要渲染的组件。而key属性则是React用来识别列表中每个元素的关键属性。 如何通过 JavaScript 的 map() 方法从数组中生成组件 使用map()方法，你可以遍历数组中的每个元素，并为每个元素生成一个React组件。每个元素都会被转换成一个组件，并最终...