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