Title
随笔 - 83,  文章 - 0,  评论 - 0,  阅读 - 55559

随笔分类 -  react

Redux Toolkit 的使用方法
摘要:Redux Toolkit 是什么? Redux Toolkit 是 Redux 官方强烈推荐,开箱即用的一个高效的 Redux 开发工具集。它旨在成为标准的 Redux 逻辑开发模式,我们强烈建议你使用它。 它包括几个实用程序功能,这些功能可以简化最常见场景下的 Redux 开发,包括配置 sto 阅读全文
posted @ 2023-02-22 18:06 chccee 阅读(822) 评论(0) 推荐(1) 编辑
React Router有几种模式?实现原理?
摘要:一、是什么 在单页应用中,一个web项目只有一个html页面,一旦页面加载完成之后,就不用因为用户的操作而进行页面的重新加载或者跳转,其特性如下: 改变 url 且不让浏览器像服务器发送请求 在不刷新页面的前提下动态改变浏览器地址栏中的URL地址 其中主要分成了两种模式: hash 模式:在url后 阅读全文
posted @ 2023-02-22 15:28 chccee 阅读(84) 评论(0) 推荐(0) 编辑
react中redux怎么使用
摘要:一、redux是什么? redux 就是react 全局状态管理,作用是存放全局数据 二、核心 state:存放数据 reducer:修改仓库数据 是一个函数,参数一:仓库中的数据,参数2:行为 actions 返回值就是 最新的仓库数据 就是在reduce中定义的方法,修改数据,相当于mutati 阅读全文
posted @ 2023-02-20 17:56 chccee 阅读(454) 评论(0) 推荐(0) 编辑
react的生命周期
摘要:一、React组件的生命周期 什么是组件的生命周期 组件从创建到挂载到页面中运行,再到组件卸载的过程,这个过程就称为生命周期 跟Vue一样,React整个组件生命周期包括从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程 注意:React生命周期,主要谈类的生命周期,因为函 阅读全文
posted @ 2023-02-20 09:43 chccee 阅读(516) 评论(0) 推荐(0) 编辑
react中类组件和函数组件的理解?有什么区别
摘要:react中类组件和函数组件的理解?有什么区别 一、类组件 类组件,顾名思义,也就是通过使用ES6类的编写形式去编写组件,该类必须继承React.Component 如果想要访问父组件传递过来的参数,可通过this.props的方式去访问 在组件中必须实现render方法,在return中返回Rea 阅读全文
posted @ 2023-02-20 01:54 chccee 阅读(80) 评论(0) 推荐(0) 编辑
Redux的理解?Redux的工作原理
摘要:一、是什么 React是用于构建用户界面的,帮助我们解决渲染DOM的过程 而在整个应用中会存在很多个组件,每个组件的state是由自身进行管理,包括组件定义自身的state、组件之间的通信通过props传递、使用Context实现数据共享 如果让每个组件都存储自身相关的状态,理论上来讲不会影响应用的 阅读全文
posted @ 2023-02-20 00:35 chccee 阅读(121) 评论(0) 推荐(1) 编辑
react-router
摘要:react-router 一、在react项目中安装路由 官方文档:https://reactrouter.com/en/v6.3.0/getting-started/installation#basic-installation npm $ npm install react-router-dom 阅读全文
posted @ 2023-02-19 23:51 chccee 阅读(277) 评论(0) 推荐(1) 编辑
在react项目如何捕获错误
摘要:在React项目是如何捕获错误的? 一、是什么 错误在我们日常编写代码是非常常见的 举个例子,在react项目中去编写组件内JavaScript代码错误会导致 React 的内部状态被破坏,导致整个应用崩溃,这是不应该出现的现象 作为一个框架,react也有自身对于错误的处理的解决方案 二、如何做 阅读全文
posted @ 2023-02-19 09:53 chccee 阅读(95) 评论(0) 推荐(0) 编辑
react中Hooks的理解和用法
摘要:一、Hooks是什么? Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性 至于为什么引入hook,官方给出的动机是解决长时间使用和维护react过程中常遇到的问题,例如: 难以重用和共享组件中的与状态相关的逻辑 逻 阅读全文
posted @ 2023-02-19 01:31 chccee 阅读(299) 评论(0) 推荐(0) 编辑
react知识点汇总
摘要:一、react认识 用于构建用户界面的 JavaScript 库 二、创建react项目:react脚手架 创建react项目,创建新的react应用 npx create-react-app my-app cd my-app npm start 分析react项目 node_modules:依赖包 阅读全文
posted @ 2023-02-18 01:05 chccee 阅读(142) 评论(0) 推荐(0) 编辑
React Hooks的理解,React Hooks有哪些,解决了什么问题
摘要:一、是什么 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性 至于为什么引入hook,官方给出的动机是解决长时间使用和维护react过程中常遇到的问题,例如: 难以重用和共享组件中的与状态相关的逻辑 逻辑复杂的组件 阅读全文
posted @ 2023-01-09 01:51 chccee 阅读(86) 评论(0) 推荐(0) 编辑
require.context 自动引入指定目录下的文件、组件、reducer
摘要:1、 语法:let webpacks = require.context (directory,useSubdirectories,regExp) (directory:"文件路径",useSubdirectories:"布尔值",regExp:"正则表达式") // 返回值 是webpack实例 阅读全文
posted @ 2023-01-06 12:28 chccee 阅读(817) 评论(0) 推荐(0) 编辑
React中组件之间是如何通信的 react的组件通信方式有哪些
摘要:一、是什么 通信指的是发送者通过某种媒体 以某种格式来传递信息 到收信者以达到某个目的,广义上,任何信息的传递都是通信 二、如何通信? 组件传递的方式有很多种,根据传送者和接收者可以分为如下: 父组件向子组件传递 子组件向父组件传递 兄弟组件之间的通信 父组件向后代组件传递 非关系组件传递 1、父组 阅读全文
posted @ 2023-01-03 08:56 chccee 阅读(494) 评论(0) 推荐(0) 编辑
react 项目的性能优化
摘要:react 项目的性能优化有哪些? 1、react 模块化处理 就是将react内容进行模块化划分,一个模块一个组件,react更新机制是组件重新更新 2、在react项目中更新数据,不要直接将 useState方法 更新方法放到模块当中:避免使用内联函数 在编译模块的时候使用,react会将 模块 阅读全文
posted @ 2023-01-03 00:48 chccee 阅读(195) 评论(0) 推荐(0) 编辑

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