一 Redux: Redux基本使用1 Redux是一个独立的、专门用于做状态管理的JS库。不是react插件库，这一点要和react-redux区分开。redux可以用在react（angular, vue等）项目中，但基本是与react配合使用。2 Redux作用：管理react应用中多个组件共享的状态。 3 Redux工作流程： 解释：react组件中含有状态
转载
2023-12-20 21:49:09
63阅读
1、安装redux、react-redux npm install --save redux react-redux (1) 这里解释一下react-redux、redux 的作用 redux 是状态仓库 react-redux 用于把 react 和 redux 进行关联，使所有的子组件都可以拿到 ...
转载
2021-09-14 19:57:00
221阅读
2评论
react中使用icon 创建icon。js文件 import { Icon } from 'antd'; const AmsIcon = Icon.createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_1716373_kcn07h2np ...
转载
2021-08-16 15:24:00
598阅读
2评论
1.1 let 及 const1.1.1 let 命令用 var 声明变量有变量提升的情况。1 console.log(a);
2 var a = 1; 如果没有第二行的声明，那么会看到“a is not defined”的错误。但有了第二行，打印结果就是“undefined”。出现这种结果的原因就是 var 声明变量时的变量提升机制，等同于：1 var a;
2
首先 npminstallless-loaderless--save-dev安装之后终端npmruneject来暴露webp
原创
2023-01-03 14:51:41
138阅读
疑问 问：React Suspense有什么用呢？ 答：在动态导入的帮助下，React Suspense让我们轻松定义延迟加载的组件。 代码demo const OtherComponent = React.lazy(() => import('./OtherComponent')); functi
原创
2022-05-12 20:29:46
5190阅读
react中redux 三大原则 redux中文网 单一数据源 整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。 state是只读的 唯一改变 state 的方法就是触发 action，action 是一个用于描述 ...
转载
2021-06-14 00:58:00
237阅读
2评论
react使用1.React概述1.1 什么是React？1.2 React特点2.React的基本使用2.1 React的安装2.2 React的使用3.React脚手架的使用3.1 使用React脚手架初始化项目3.2 在脚手架中使用React3.3 JSX的基本使用3.4 组件3.5 React事件处理3.6 组件中state和setState3.7 表单处理4.组件通讯4.1 组件的pr
转载
2024-07-22 14:46:35
41阅读
React 简单介绍
作者 RK_CODER why React？React是Facebook开发的一款JS库，那么Facebook为什么要建造React呢，主要为了解决什么问题，通过这个又是如何解决的？从这几个问题出发我就在网上搜查了一下，有这样的解释。Facebook认为MVC无法满足他们的扩展需求，由于他们非常巨大的代码库和庞大的组织，使得MVC很快变得非常复
转载
2024-10-18 09:25:28
21阅读
react项目构建可以很简单，但是如果是结合typescript，其实也不是很麻烦，官网也有很明确的说明。有两种办法： 1、直接构建带有typescript的react项目，我们需要增加额外的参数，模版不能使用默认的cra-template。而是使用cra-template-typescript。npx create-react-app tsr
转载
2023-10-14 02:51:54
176阅读
可以在react项目中执行以下命令安装bootstrapnpm install bootstrap@3 --save在使用
原创
2020-06-29 21:41:41
234阅读
修复遗留问题webpack.prod.config.js中缺少了对path库的引用，执行构建npm run build:prod的时候失败。在文件开始的地方引入node.js的path库就可以了。package.json里面定义了一个build:dev的脚本，这个脚本其实有点多余，不过有时候需要打包测试版本的文件，所以还是需要存在。主要有个问题是webpack.dev.config.js中outp
原创
2017-06-29 09:52:39
779阅读
Markdown已成为现代Web开发中不可或缺的文本格式，而React作为最流行的前端框架之一，与Markdown解析器MarkdownIt的结合能为开发者提供强大的内容渲染能力。本文将详细介绍如何在React项目中集成和使用MarkdownIt，从基础配置到高级功能实现。一、MarkdownIt简介与React集成1.1 MarkdownIt概述MarkdownIt是一个现代的Markdown解
可以在react项目中执行以下命令安装bootstrapnpm install bootstrap@3 --save在使用的时候，直接在index.js文件导入即可import 'bootstrap/dist/css/bootstrap.min.css';import 'bootstrap/dist/js/bootstrap';
原创
2020-06-29 21:41:41
876阅读
本篇文章通过分析react-loadable包的源码，手把手教你实现一个react的异步加载高阶组件1. 首先我们想象中的react异步加载组件应该如何入参以及暴露哪些API？// 组件应用
import * as React from 'react';
import ReactDOM from 'react-dom';
import Loadable from '@component/test/
react Hooks API学习react Hooks前言一、useState的使用二、useEffect的使用1、代替了原来的两个生命钩子（ componentDidMount 和 componentDidUpdate）2、useEffect是异步函数3、它的第一个参数返回的箭头函数代替了原来的组件销毁的生命钩子(componentWillUnmount），这个箭头函数写不写取决于项目功能，如
前言 用 Typescript 写 react 可比写 vue 舒服太多了，react 对 ts 的支持可谓天生搭档，如果要用 ts 重构项目，不像 vue 对项目破坏性极大，React 可以相对轻松的实现重构。 顺便一提：全局安装的 create-react-app 现已无法再下载完整的 Reac
转载
2020-10-16 13:28:00
236阅读
2评论
在现代前端开发中，使用 React Hooks 结合 Axios 进行数据获取已成为一种流行的做法。本文将深入探讨在 React Hooks 中使用 Axios 的相关内容，包括版本对比、迁移指南、兼容性处理、实战案例、性能优化和生态扩展。希望借此为开发者提供一个清晰的操作指引和最佳实践。
## 版本对比
在多个版本中，Axios 在特性上有明显变化，特别是在与 React Hooks 结合使
一、前言
转载
2024-07-02 07:34:18
82阅读
参考视频教程资料: React+TypeScript高仿AntDesign开发企业级UI组件库 : (http://www.notescloud.top/goods/detail/1208)<http://www.notescloud.top/goods/detail/1208 React服务器渲染原理解析与实
转载
2021-08-16 14:56:28
437阅读
