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