首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端 —— 笔记 —— React全家桶
禁止摆烂_才浅
创建于2023-11-03
订阅专栏
主要记录 React全家桶的笔记,以及一些开发中的注意事项; 主要是函数式组件,类组件后续也会简单补充一下; 路由里面还有很多内容不全,后续会慢慢补充;
等 36 人订阅
共10篇文章
创建于2023-11-03
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React - 类组件
前言 先简单记录下,后续慢慢在慢慢补充吧; React创建组件的两种方式 Class: 已被官方废弃(源码中依然保留),但是需要了解学习,为函数式组件做铺垫; 可以直接反映出React运行时的整个生命
React -【高阶函数/高阶组件/钩子】-【forwardRef、mome、useImperativeHandle、useLayoutEffect】
高阶函数 forwardRef forwardRef 是 React 中的一个高阶函数,用于将 ref 显式地传递给子组件。 通常需要配合 useImperativeHandle 使用; 在 Type
React全家桶 - 【Redux】 - 环境准备、使用步骤、提交action传参、异步状态操作
一、环境准备 1.1 安装插件 在 React 中使用 Redux,官方要求安装两个插件 Redux Toolkit 和 react-redux; Redux Toolkit:(RTK) 官方推荐编写
React全家桶 - 【Redux】 - 快速体验(独立于React单独使用)
前言 Redux 是 React 最常见的 集中状态管理工具,类似于 Vue 中的 Pinia(Vuex),可以独立于框架运行; ❗ 注意: Redux虽然是React中的东西,但是它不跟React绑
React全家桶 - 【ReactRouter】- 基础使用、路由导航、路由传参、嵌套路由、二级路由配置、路由模式、404
前言 前端路由: 一个路径path 对应 一个组件component 当我们在浏览器中访问一个 path 的时候,path对应的组件会在页面中进行渲染; 一、创建路由开发环境 创建具有 路由 项目的
React全家桶 - 【React】 - 【4】useEffect(概念、基础使用、不同依赖项说明、清除副作用)
一、useEffect 1.1 概念 useEffect 是一个 React Hook 函数,用于在 Recat 组件中 创建 不是由事件引起 而是 由渲染本身引起 的操作,比如 发送Ajax请求、更
React全家桶 - 【React】 - 【3】组件进阶(组件通信、父子通信、兄弟通信、跨层级通信)
前言 组件通信概念 组件之间 的 数据传递,根据组件嵌套关系的不同,有不同的通信方法(如下图所示); 一、父子通信 1.1 父传子 - props 1.1.1 实现步骤 父组件 传递 数据: 在 子组
React全家桶 - 【React】 - 【2】组件基础(组件定义及使用、useState、受控表单组件、组件样式、useRef)
前言 什么是组件? 组件是一个广泛的概念,现在流行的框架中都有组件; 一个组件就是用户界面的一部分,它可以有自己 的 逻辑 和 外观,组件之间 可以 相互嵌套,也可以 复用 多次; 一、React组件
React全家桶 - 【React】 - 【1】JSX基础语法、列表渲染、条件渲染、事件绑定及传参
前言 什么是 JSX? JSX 是 JavaScript 和 XML(HTML) 的缩写,表示在 JS 代码中编写 HTML 结构,它是React中编写UI模板的方式; 优势: HTML的声明式写法;
从 0~1 创建 React 项目(React+TS/JS)及 配置 路径别名 和 路径联想
前言 创建 react 项目不用像创建Vue项目那么麻烦; 我目前也是React刚起步,可能有些创建项目的方式还没接触到,等接触到了再补充上; 我们直接创建运行命令即可; 一、创建项目 创建项目命令