React基础学习
文章平均质量分 86
从零到精通,一步一步,稳打稳扎
Kylincsg
今天的努力,是为了明天更好的进步!!
展开
-
57.React学习 —— redux
Redux 是 JavaScript 应用的可预测状态容器,用来集中管理状态。特点:集中管理、可预测、易于测试、易于调试、强大的中间件机制满足你所有需求。注意:redux 是一个独立于 react 的库,可以配合任何 UI 库/框架来使用。redux的三大原则单一数据源State是只读的使用纯函数来执行修改什么情况下需要使用redux总体原则: 大型项目状态管理复杂才用某个组件的状态,需要共享某个状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态。原创 2024-02-19 14:18:49 · 958 阅读 · 0 评论 -
56.React学习 —— react路由
Switch 组件Switch组件用于包裹Route组件,类似于js中的switch,有一个Route符合就不往下匹配了//pathname是 /home//匹配第一个path /home 符合. 就不再匹配下面的Route了Redirect 组件重定向组件(渲染Redirect将使导航到一个新的地址,这个新的地址会覆盖 history 栈中的当前地址)或NavLink。原创 2024-02-19 11:32:41 · 858 阅读 · 0 评论 -
55.React学习 —— react脚手架使用
react中写代码,写完的代码,也要打包. 自己配置webpack非常繁琐,所以直接使用react脚手架工具,帮我们直接配置好webpack以及项目的目录结构。原创 2024-02-19 11:17:26 · 367 阅读 · 0 评论 -
54.React学习 —— Hooks
Hook也叫钩子,本质就是函数,能让你使用 React 组件的状态和生命周期函数...原创 2024-02-19 10:57:38 · 339 阅读 · 0 评论 -
53.React学习 —— 高阶组件
高阶组件的作用: 提供复用的状态逻辑高阶组件是什么: 高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式简单理解的话: 一个拥有复用逻辑的函数,这个函数需要传入一个组件,然后返回一个增强的组件高阶组件实现调用函数,得到增强组件,渲染增强组件使用es7的修饰符高阶组件要注意的问题:解决:给高阶组件中返回的组件, 增加一个静态属性displayName传递prop原创 2024-02-19 10:42:47 · 831 阅读 · 0 评论 -
52.React学习 —— 组件优化
1. Fragment的使用;2.React性能优化;3.纯组件 pureComponent;4.React.forwardRef;5.Portal原创 2024-02-19 10:32:52 · 819 阅读 · 0 评论 -
51.React学习 —— 组件通讯
react组件通讯有三种方式.分别是props, context, pubsub原创 2024-02-19 10:20:50 · 737 阅读 · 0 评论 -
50.React学习 —— 组件的生命周期
挂载阶段、更新阶段、卸载阶段原创 2024-02-19 09:54:18 · 323 阅读 · 0 评论 -
49.React学习 —— 组件(props)、状态(state)、this指向、ref
1.React的组件(函数与类);2.组件的状态state;3.this的指向问题;4.组件传递数据props;5.表单处理(受控组件与非受控组件)原创 2024-02-19 09:31:04 · 918 阅读 · 0 评论 -
48.React学习 —— 基本语法
React 是一个用于构建用户界面的 JavaScript 库。如果从 MVC 的角度来看,React 仅仅是视图层(View),也就是只负责视图的渲染,而并非提供了 完整的 M 和 C 的功能。React 起源于 Facebook ,并于 2013 年 5 月开源。原创 2024-01-31 17:38:04 · 848 阅读 · 0 评论