AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
react脚手架: 配置代理
1.package.json中配置在package.json中添加如下代码:"proxy":"http://localhost:5000"说明优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000（优先匹配前端资源）2.创建代
react-router-dom 6.XX版
前些天为公司businesspartner做了个PWA小工具，用到react-router-dom。没多想，直接npminstallreact-router-dom--save之后拿出之前的代码抄了一遍，结果居然不work。查了半天才发现react-router-dom最新版本(6.XX)居然变化如此之大。这里做个记录已备不时之需。一）Switch被Routes
浅谈React中useRef的原理及实现
useRef的用法        初始化：const count = useRef(0)        读取：count.current        特点：useRef 返回一个可变的 ref 对象（每次渲染时都会返回一个相同的引用，引用地址不会发生变化），其 .current 属性被初始化为传入的参数（initialValue）。返回
React学习记录二 - state的用法以及类组件中this执向
我们可以用一个实际案例去开启本节：页面有一个标签，内容为今天天气很炎热，当点击标签时切换为凉爽在Vue中我们直接使用@click=‘isHot?"炎热"’:"凉爽"实现切换，isHot要在data里面去定义。但在React中我们如何去实现呢？直接上代码，然后解析吧<body><divid="app"></d
react源码解析17.context
react源码解析17.context视频讲解（高效学习）：进入学习往期文章：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流程13
React、Nextjs中的TS类型过滤原来是这么做的~
大家好，我是零一，相信大家在阅读同事写的代码或者优秀的开源库的代码时，一定见过各种各样的风骚的TS写法，不花点时间下去根本看不懂，换作是我们，可能就直接一个any完事了，但是真正当项目体积变大后，你会发现这些TS骚操作真的很重要，因为它能很好地帮助你做静态类型校验今天就来介
CSS IN JS —— CSS Moudules
CSSMoudulesCSSModules通过对CSS类名重命名，保证每个类名的唯一性，从而避免样式冲突的问题换句话说：所有类名都具有“局部作用域”，只在当前组件内部生效实现方式：webpack的css-loader插件命名采用：BEM（Block块、Element元素、Modifier三部分组成）命名规范，比如：.list__it
react 书写一个 发表评论小demo
  importReact,{Component}from'react'classIndexextendsComponent{constructor(){super()this.state={comments:[{id:'1',name:'jack',content:'沙发'},{id:&#039
React 安装及配置 sass
https://www.runoob.comeacteact-install.html 一、安装node.js12.8版本二、安装 React ，如安装报4048等错误，关闭杀毒软件npminstall-gcreate-react-app三、创建项目，直接到项目目录运行cmd.exe，create-react-appmy-app四、安装yarn,npmi-gyarn五、安装s
react 中ant design table 表格组件滚动条监听方法
react中antdesigntable表格组件滚动条监听方法1、包的版本提示##标题"react":"^16.8.6""react-dom":"^16.8.6""antd":"^3.19.5"2、先上代码importReact,{PureComponent}from'react';importReactDOM
2022年前端React的100道面试题的第14题：Context的使用
问题React17关于Context的使用正确的是？选项A.它提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递props。B.通过新旧值检测来确定变化，使用了与immutable.is相同的算法。C.渲染一个订阅了Context对象的组件，则此组件会从组件树上层中离自身
在v6版本的react-router-dom中如何进行默认选择
在v6以前的版本有Redirect可以进行默认选择但是在v6版本中引用Redirect会出现'Redirect'isnotexportedfrom'react-router-dom'.这时候应该怎么办呢查阅文档发现Redirect已经被移除了https:/eactrouter.com/<Routepath="/"element={<Demo/>}>  
React全Hook项目实战在线聊天室历程完结：删帖功能
前情提要：React全Hook项目实战在线聊天室历程（一）：基本功能React全Hook项目实战在线聊天室历程（二）：引用与话题功能React全Hook项目实战在线聊天室历程（三）：加个音乐直播？管理员的权限只要是在线提供服务的网站一定会有管理员的存在，那我们也给聊天室加一个管理员，不过简单一些，这个管
React-Hooks
一、useState：保存状态1、useState接收一个初始状态或者计算函数，这个函数返回初始状态2、每次更新状态，子组件都会自动执行，不管它有没有依赖此状态，这里只是会执行函数式组件和class组件的render函数和useEffect，并不会重新渲染dom节点3、如果新的state依赖以前的state，则可以给se
React 初识 和 React 组件基础
目录一.react背景及它是什么？二.React特点三.脚手架创建项目JSX是什么JSX是如何工作的JSX使用注意点react中使用样式的两种方式：className一.react背景及它是什么？React 起源于Facebook(Meta)的内部项目（2011，NewsFeed），之后又被用来开发网站（2012，Instagram），并
diff算法和渲染/更新流程
渲染流程首先会执行  render 方法拿到组件的结构如果拿到的结构是  jsx 则会调用  React.createElement() 生成虚拟 DOM 根据虚拟 DOM 生成真实 DOM 更新流程组件的  props 或  this.state 发生改变时执行  render() 方法执行完  render() 方