×

JavaScript教程

React基础-JSX事件绑定-事件传参

dede58织梦模板 dede58织梦模板 发表于2024-06-23 浏览11253 评论0
React的事件绑定 JSX事件绑定 如果原生DOM原生有一个监听事件,我们可以如何操作呢? 方式一:获取DOM原生,添加监听事件; 方式二:在HTML原生元素中,直接绑定onclick; 在React中是如何操作呢?我们来实现一下React中的事件监听,和原生想不这里主要有两点不同 React 事件的命名采用小驼峰式(camelCase),而不是纯小写; 我们需要通过{}传入一个事件处理函数,这个函数会在事件发生时被执行; render()

JavaScript教程

【React Router 6 快速上手一】重定向Navigate / useRoutes路由表 / 嵌套路由Outlet

dede58织梦模板 dede58织梦模板 发表于2024-06-22 浏览9077 评论0
前言 博主主页👉🏻蜡笔雏田学代码 专栏链接👉🏻React专栏 之前学习了react-router-dom5版本的相关内容 参考文章👉🏻React路由(详解版)和 路由的模糊匹配,重定向以及嵌套路由 今天来学习react-router-dom6版本的相关知识! 感兴趣的小伙伴一起来看看吧~🤞 概述 React Router 以三个不同的包发布到 npm 上,它们分别为: react-router: 路由的核心库,提供了很多的:组件、钩子。 react-ro

react.js

vue3-antd-admin管理后台框架(antd admin vue)

江涵 江涵 发表于2024-06-22 浏览6134 评论0
前言 vue3-antd-admin是一个后台前端解决方案,它基于vue3和antd-ui实现。它使用了最新的前端技术栈,集成了动态路由、鉴权登录、菜单管理等基础功能,在此之上对样式进行优化,解决了其他框架菜单超出不滚动、未BFC隔离等被忽略的问题。它与同类型框架相比逻辑更加清晰简洁,没有冗余代码上手更加快速。相信不管你的需求是什么,本项目都能帮助到你。good luck! 本项目当前只是基础部分完成了,还有很多地方需要完善,例如:H5适配、页面动画、指令权限、更多好用的组件等等等等,由

react.js

创建React + Ts项目

qq_45zcwatb qq_45zcwatb 发表于2024-06-22 浏览7392 评论0
一、安装react+ts npx create-react-app my-app --template typescript 二、安装eslint代码检测 yarn eslint npx eslint --init eslint初始化后会出现三个项目,根据项目而定 1、使用什么样的eslint?(这里我选择3) To check syntax only // 只检测语法性错误 To check syntax and find problems // 检查语法错误并发现问题代码

react.js

React-activation使用

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

react.js

Antd中table的简单封装及render的使用

曾经天真︶﹋ 曾经天真︶﹋ 发表于2024-06-22 浏览5604 评论0
目录 一、封装的意义 二、封装的步骤 三、render函数的使用 四、页面展示 五、完整代码 六、antd中td内容换行处理         七、'destroyInactiveTabPane' tabs切换时销毁其他tabs栏内容 一、封装的意义       首先要明白封装的意义是什么?封装是为了让相同的代码不必多次重写,将其封装成组件,一次书写多处调用,大大提升代码的性能,因此在遇到有相同代码的情况下,要养成良好习惯,多多封装公用组件。 二、封装的步骤

typescript

useImperativeHandle使用实例

Frankiefang Frankiefang 发表于2024-06-22 浏览10342 评论0
useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值。在大多数情况下,应当避免使用ref这样的命令式代码。useImperativeHandle应当与forwardRef一起使用。 useImperativeHandle介绍 useImperativeHandle(ref, createHandle, [deps]) 通过useImperativeHandle可以只暴露特定的操作 通过useImperativeHandle的Hook, 将父组