×

react.js

ant.design(简称antd)中Form表单组件提交表单、表单数据效验、表单自定义效验、表单布局集合

myus? myus? 发表于2024-04-17 浏览4865 评论0
        ant.design(简称antd)现在我们使用较为广泛,web端中后台表单使用非常广泛,此遍文章集合了表单日常用法及使用注意事项。         下图是UI目标样式图                          1、以下是一个组件,首先引入ant相关依赖,在引入react相关依赖,主要使用了Form的2个内置函数和Form.useWatch进行监听指定字段,然后使用 form.setFieldsValue进行字段值更新。         2、表

react.js

React中的setState使用细节和原理解析

Athey Athey 发表于2024-04-17 浏览10689 评论0
setState使用详解 前面我们有使用过setState的基本使用, 接下来我们对setState使用进行详细的介绍 使用setState的原因 开发中我们并不能直接通过修改state的值来让界面发生更新: 因为我们修改了state之后,希望React根据最新的State来重新渲染界面,但是this.state这种方式的修改React并不知道数据发生了变化; React并没有实现类似于Vue2中的Object.defineProperty或者Vue3中的

react.js

最好的 6 款 React 后台管理系统模板和框架(react前端框架)

Serien01 Serien01 发表于2024-04-17 浏览12243 评论0
本文首发:《最好的 6 款 React 后台管理系统模板和框架》 React admin框架繁多,在本文里我们介绍 React 下最好的 6 款后台系统,每款均严格测试后,整理它们的优缺点方便你来挑选。同时我们给出一些实用建议,帮你避免选型时不注意可能导致的埋坑。 为什么后台系统极其重要 一个成熟好用的后台管理系统对于公司运营效率有极大提升,而对程序员来说,很多时候写后台系统其实都是在“帮个忙”,原因是这些后台系统多数情况下和公司的主营业务并没有太大关系。 比如说,运营会请你写个系

react.js

【React-Hooks进阶】useState回调函数的参数 / useEffect发送网络请求/ useRef / useContext

sgq5136 sgq5136 发表于2024-04-16 浏览19875 评论0
前言 博主主页👉🏻蜡笔雏田学代码 专栏链接👉🏻React专栏 上篇文章初步学习了Hooks的基础知识 今天来深入学习Hooks的一些扩展知识 感兴趣的小伙伴一起来看看吧~🤞 useState -回调函数的参数 使用场景 参数只会在组件的初始渲染中起作用,后续渲染时会被忽略。如果初始 state 需要通过计算才能获得,则可以传入一个函数,在函数中计算并返回初始的 state,此函数只在初始渲染时被调用。 语法 const [name, setName] =

react.js

React Native环境配置搭建(史上最详细教程)

牙歪歪-行政-余周 牙歪歪-行政-余周 发表于2024-04-16 浏览8700 评论0
安装RN环境卡了我好久,在网上搜了很多都不全遇到很多坎儿,时至今日我终于装好了,打算写一个详细过程造福大众,也算是对自己总结更深层的记忆。 1.首先看官网 React 注意要点:必须要有node,javaJDK和AndroidStudio。 再分别看这三者的条件: (1)node必须在14以上,可以去 node官网下载,我这里用的是NVM。NVM教程 搞好之后检查:cmd执行命令: node -v 复制代码 无误之后,这一步完成。

react.js

React-activation使用

梦无双 梦无双 发表于2024-04-16 浏览6072 评论0
Vue 中 功能在 React 中的黑客实现 官方文档是这么说的 那么什么是keep-alive呢?用来做什么呢? 首先我们要知道我们用react和vue大多数会选择单页面开发,也就是各种组件组成一个项目,每个页面其实都是一个组件,在页面切换或者触发组件的其他行为时,组件就会被卸载掉(这里不要妄想使用react的componentWillUnmount生命周期,人家是用于组件卸载前的,阻止不了组件的卸载)。那么我们如何要保存一个组件的状态,换句话说就是如何能在切换页面之后内容不变

react.js

react项目搭建--相对较全面(搭建react开发环境)

☔︎ ☔︎ 发表于2024-04-16 浏览6483 评论0
前言:简单记录一下第一次搭建react项目框架,之前只是在已搭建好的框架内去开发实现项目,没有自己动手搭建过,亲自动手实际操作,还遇到挺多问题的。参考了不少文献,帮助我解决并完成整个项目搭建的文献,都会在文章最后附上链接,感兴趣的可以都看一下。 我这里创建项目使用的是官方脚手架工具create-react-app 1、先安装node,具体版本的话看自己需要,不过版本过低或过高,后续可能会出现报错情况,到时重新安装相对较高或较低版本就行 npm -v查看版本 2、安装webpack,

react.js

react 配置代理(react配置代理)

☔︎ ☔︎ 发表于2024-04-14 浏览5127 评论0
一、 配置 package.json 在package.json中,添加 proxy配置项。之后所有请求都会指向这个地址。 例如在packjson里添加: "proxy":"https://localhost:5000" 添加并重启项目后,就可以请求了。 比如请求接口: https://localhost:5000/demo 实际请求写法可以是: let url = '/demo' axios.get(url).then( res=>{console.log("成功获取