随笔分类 -  React

摘要:前端路由 1. 什么是前端路由 一个路径 path 对应一个组件 component 当我们在浏览器中访问一个 path 的时候,path 对应的组件会在页面中进行渲染 2. 创建路由开发环境 # 使用CRA创建项目 npm create-react-app react-router-pro # 安 阅读全文
posted @ 2024-04-29 17:11 一个小笨蛋 阅读(9) 评论(0) 推荐(0) 编辑
摘要:概念 useEffect是一个React Hook函数,用于在React组件中创建不是由事件引起而是由渲染本身引起的操作(副作用), 比 如发送AJAX请求,更改DOM等等 :::warning 说明:上面的组件中没有发生任何的用户事件,组件渲染完毕之后就需要和服务器要数据,整个过程属于“只由渲染引 阅读全文
posted @ 2024-04-27 09:59 一个小笨蛋 阅读(84) 评论(0) 推荐(0) 编辑
摘要:React组件通信 概念:组件通信就是组件之间的数据传递, 根据组件嵌套关系的不同,有不同的通信手段和方法 A-B 父子通信 B-C 兄弟通信 A-E 跨层通信 父子通信-父传子 基础实现 实现步骤 父组件传递数据 - 在子组件标签上绑定属性 子组件接收数据 - 子组件通过props参数接收数据 f 阅读全文
posted @ 2024-04-26 16:14 一个小笨蛋 阅读(23) 评论(0) 推荐(0) 编辑
摘要:一、案例 二、创建项目 npm init vite@latest # 选择react # 删除不必要的css,文件等 # 安装依赖classnames、sass、uuid、dayjs、lodash npm i -S classnames # 处理className属性 npm i -S uuid # 阅读全文
posted @ 2024-04-26 15:44 一个小笨蛋 阅读(50) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示