野区小女王-优快云博客

原创 React内网开发代理配置详解

本文介绍了React企业级项目在内网环境下的代理配置方法。主要内容包括：1. 代理配置的必要性，解决跨域、统一API管理等问题；2. CRA项目的两种代理方式：package.json简配和setupProxy.js高级配置；3. 自定义Webpack的代理设置；4. 针对HTTPS、认证、WebSocket等特殊场景的处理方案；5. 常见问题排查与最佳实践建议。文章提供了详细的代码示例和配置说明，帮助开发者根据实际需求选择合适的代理方案，提高内网开发效率。

2025-08-27 17:56:50 760

原创 React项目搭建指南：从零到精通

React是一个由Facebook开发的JavaScript库，用于构建高效的用户界面。其核心特性包括声明式设计、组件化开发、虚拟DOM优化和单向数据流。通过Create React App或Vite可快速搭建项目，支持JSX语法和Hooks状态管理。组件通信方式多样，包括Props、回调函数和Context API。路由配置使用React Router，状态管理推荐Redux Toolkit。性能优化技巧涵盖React.memo、useCallback等。技术栈生态包括axios + swr等。

2025-08-11 16:06:20 1050

原创 React函数组件灵魂搭档：useEffect深度通关指南！

/ 立即执行异步函数}, []);// 空依赖确保仅挂载时请求统一生命周期：一个 Hook 搞定挂载、更新、卸载三个阶段逻辑精准控制：依赖数组让副作用 “按需执行”，避免不必要的性能损耗函数式风格：配合useState等 Hook，让函数组件拥有媲美类组件的能力，代码更简洁易维护驾驭副作用：useEffect 三维度思考模型此操作应锚定于哪个生命周期节点？（挂载 / 更新 / 卸载）哪些状态或属性的变迁将触发其执行？（精确定义响应式依赖项）副作用是否遗留需清理的资源？

2025-08-08 17:45:37 931

原创 Vite+React组件库提速方案

在开发大型React应用时，Vite作为一个基于ES模块的开发服务器和构建工具，提供了许多优化手段来加速开发过程和构建时间。通过预编译和按需加载组件库（如Ant Design, Material-UI等），可以显著减少构建时间，提高开发效率。

2025-08-01 17:30:28 285

原创 react调用接口渲染数据时,这些表格里的数据是被禁选的

通常，方法1（使用CSS）是最简单且最直接的方法来禁止文本选择。如果需要更复杂的交互（例如在尝试选择时显示提示），则可以使用JavaScript阻止默认行为的方法2。方法3虽然可行，但不如方法1和方法2直观和常用。在实际开发中，推荐优先使用CSS方法。

2025-07-31 10:43:45 393

原创 react前端样式如何给元素设置高度自适应

React中实现元素高度自适应的方法：1. 设置根元素字体大小作为rem基础；2. 推荐使用vh视口单位或百分比实现自适应高度；3. 在React组件中可通过useState和useEffect动态控制高度。虽然可使用rem单位，但实际开发中更推荐结合vh/百分比来实现响应式布局，或通过React状态管理实现动态高度调整。

2025-07-28 10:40:49 1071

原创【无标题】

（5）在用户填写完相应信息后，点击登录发送请求，所以我们在这里调用接口;<Input size="large" placeholder="请输入手机号" />这种模式在React社区中非常流行，因为它提供了一种重用组件逻辑的强大方式，同时不修改原组件的代码。思路：当用户输入正确内容以后，点击登录按钮时需要收集到用户当前输入的所有信息，用来提交到接口请求。：当多个组件需要共享相同的逻辑时，可以使用高阶组件来封装这部分逻辑，从而避免代码重复。：高阶组件可以在渲染前添加一些条件判断，或者在渲染后添加一些副作用。

2025-07-28 10:29:43 906

原创 react项目，通过自定义 separator 属性来修改日期选择器中间的分隔符：

1. 引入必要的依赖确保你已经引入了 DatePicker 组件和 moment 库。import React, { Component } from 'react';import { DatePicker } from 'antd';import moment from 'moment';const { RangePicker } = DatePicker;const dateFormat = "YYYY/MM/DD";2. 定义父组件在父组件中，定义 rangeTime 状态来存储用户选择的日

2024-10-18 16:10:35 799

转载 git pull时报错error: cannot lock ref ‘xxx‘:is at 21e... but expected e380... -＞ origin/zs (unable to..)

查找原因，发现原来是由于自己的失误，在之前git pull操作提交代码时候，写成了 git push origin:V1.0.1:v1.0.1 ,该命令表示将本地的V1.0.1分支推送到远程origin主机的v1.0.1分支上，而由于远程分支中不存在 v1.0.1，因此会被新建。原因是你这个git工程的.git/refs目录下跟踪的某些git分支，在git pull的时候，与远端的对应分支的refs对比发现不同，所以导致git pull报错。2.使用git命令简单粗暴强行 git pull。

2024-10-12 10:53:47 490