![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 89
牛小小小婷~
这个作者很懒,什么都没留下…
展开
-
React Hook组件间传值 与 React类式组件传值【兄弟组件+父子组件】
父组件传值给子组件(props), 爷爷给孙子组间传值(context),子组间传值给父组件(父组件props传递回调函数)原创 2023-01-04 15:59:36 · 2175 阅读 · 2 评论 -
Vue与React中父子组件生命周期的执行顺序?【生命周期详细知识讲解!!!】
挂载阶段 :组件实例被创建和插入 DOM 树的过程更新阶段 :组件被重新渲染的过程卸载阶段 :组件从 DOM 树中被删除的过程【React二】生命周期钩子函数。原创 2023-01-04 10:33:36 · 570 阅读 · 0 评论 -
Vue与React分别实现登录拦截【详细例子+讲解】
创建store文件夹,进行初始化在 main.js 中创建全局的导航守卫中,拿取到这个实例。通过判断来守卫导航next()或者在login组件中通过提交userInfo数据项目地址:放置在github,点击此处项目在线查看。原创 2023-01-01 23:21:55 · 1868 阅读 · 0 评论 -
【React七】---React扩展---Hooks、setState、Lazyload、Context...
父子组件兄弟组件(非嵌套组件)祖孙组件(跨级组件)原创 2022-11-28 22:47:33 · 135 阅读 · 0 评论 -
【React四】 React-router-dom【关于React18及React16的路由使用对比】
React Router以三个不同的包发布到npm上,分别为:react-router: 路由的核心库,提供了:组件、钩子包含react-router所有内容,并添加一些专门用于DOM的组件等包含react-router所有内容,并添加一些专门用于ReactNative的API,等与React Router5.x版本比:内置组件的变化:移除,新增等语法的变化 :变为等新增多个hook:usePrams/useNavigate/useMatch。原创 2022-11-28 22:37:41 · 529 阅读 · 1 评论 -
【React三】--create-react-app【React脚手架相关知识点及配置代理】
配置代理重新开启服务才可以。原创 2022-11-28 22:34:10 · 100 阅读 · 0 评论 -
VScode如何在敲代码时自动导入包
在使用react-router-dom中的Navigate时候,需要导入对应的包。原创 2022-11-26 18:02:39 · 8865 阅读 · 0 评论 -
【React二】ref与事件处理与生命周期钩子函数
一、 React中的事件处理1-1 例子: 不要过度使用ref1-2 受控组件与非受控组件1-2-1 受控组件1-2-2 非受控组件1-3 高阶函数1-3-1 函数的柯里化1-3-2 不用柯里化的写法二、生命周期2-1 引出生命周期2-2 组件生命周期2-2-1 生命周期钩子【新旧】2-2-2 生命周期的三个阶段(旧)2-2-2-1 基本介绍2-2-2-2 例子 setState触发更新2-2-2-3 例子 componentWillReceiveProps :2-2-3 生原创 2022-11-15 11:10:40 · 473 阅读 · 0 评论 -
【React一】React基础+组件化编程【ref+props+state】
1-1 基础1-1-1 react简介1-1-1-1 react创建虚拟DOM1-1-1-2 虚拟DOM与真实DOM1-1-2 JSX1-1-2-1 语法规则【摘自word】1-1-2-2 渲染虚拟DOM(元素)1-1-2-3 JSX语法规则1-1-2-4 列表例子1-1- 3 模块与组件1-2 React面向组件化编程1-2-11-2-1-1 函数式和类式组件1-2-1-2 渲染类组件标签的基本流程1-2-2 组件实例的三大属性1-2-2-1 state1-2-2-1-1原创 2022-11-14 17:35:09 · 434 阅读 · 0 评论