React添加Class的方式 在vue中添加class是一件非常简单的事情: 你可以通过传入一个对象, 通过布尔值决定是否添加类: <button :class="{ active: isFlag, aaa: true}">按钮</button> 你也可以传入一个数组: <!-- 1.基本使用 --> <h2 :class="['aaa', 'bbb']">Hello Vue</h2> <!-- 2.数组中存放变量

React Native 错误：EMFILE：打开的文件太多，请注意 React Native Error: EMFILE: too many open files, watch Error: EMFILE: too many open files, watch at FSEvent.FSWatcher._handle.onchange (internal/fs/watchers.js:127:28) Emitted 'error' event on NodeWatcher in

react-redux库使用Redux 上一篇文章演示React中直接使用Redux的使用过程是十分繁琐的, 并且有许多重复代码 但是实际上redux官方帮助我们提供了 react-redux 的库，这个库是帮助我们完成连接redux和react的辅助工具, 可以直接在项目中使用，并且实现的逻辑会更加的严谨和高效 这篇我们就可以使用react-redux库将上一篇文章的计数器案例进行优化 安装react-redux: yarn add react-redux或npm i

第1章 React简介 用于构建用户界面的JavaScript库（只关注页面），将数据渲染为HTML视图； 由Facebook开发且开源。 中文官网英文官网 React可以克服原生JS的以下缺点： 原生JS操作DOM繁琐且效率低，因为用DOM-API操作UI； JS直接操作DOM会使浏览器进行大量的重绘重排； 原生JS没有组件化编码方案，代码复用率低 react开发者工具：Chrome插件 React Developer Tool（注意安装来源为facebook

react Hooks 陷阱 react 函数组件 + hook 为我们带来了，很多的方便，但同时也会遇到一些陷阱 hooks必须在函数顶层 ，不能在条件分支内 ，那么你踩到了那些坑 ？ 1、useState 陷阱 陷阱：【异步陷阱】 function Index() { const [count, setCount] = useState(0); function add(){ setCount( count + 1 ); console.log

前言 😎😎欢迎来到我的博客😎😎📔博主是一名大学在读本科生，主要学习方向是前端😊。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🤩 🛠目前正在学习的是🔥 R e a c

说说对React的理解？有哪些特性？ 是什么? React，用于构建用户界面的 JavaScript 库，提供了 UI 层面的解决方案，遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序更高效，使用虚拟DOM来有效地操作DOM，遵循从高阶组件到低阶组件的单向数据流,帮助我们将界面成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，构成整体页面. 特性 JSX语法 单向数据绑定 虚拟DOM 声明式编程 Component(组件化) 优势 高效灵

一、前言 最近项目中有需要使用图表展示可视化信息的需求，就去查找了一些相关轮子。 了解到大多都是用echarts来实现的，但自己框架使用的是antd ，通过阅读官方文档发现，antd-charts他们的官方库一样能实现一些可视化图表，所以做了一些尝试。 antd-charts官网：https://charts.ant.design/zh-CN/demos/global 打开官网发现它支持很多图表，包括一些常见的饼图，折线图，柱状图等. 不常见的漏斗图、玉珏图、分面图等也支持。而且

欢迎来到我的博客📔博主是一名大学在读本科生，主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥 R e a c

前言 提示：本文仅总结 自己 平时 使用的 几种合并 对象的方法： 总结 一、Object.assign（）同名属性会被覆盖 Object.assign种第一个值是目标对象，第二个值是源对象 说明： 1、Object.assign() 支持多个对象合并，如果不想修改目标对象，可以将目标对象改成空对象 {} 2、来源对象往目标对象合并，返回目标对象。如果目标对象、来源对象属性中有相同键时，来源对象中的属性替换目标对象中的属性，可以理解成后面替换前面属性中的键。 const obj1={

前言 😎😎欢迎来到我的博客😎😎📔博主是一名大学在读本科生，主要学习方向是前端😊。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🤩 🛠目前正在学习的是🔥 R e a c t 框 架 React框架 Rea

useEffect 之前我们学习了class组件的声明周期，那么我们想在函数式组件中做一些声明周期有关操作能否实现呢？ 函数式组件中是没有生命周期的,所以就可以使用useEffect来替代。我们可以把useEffect看作组件加载、组件更新、组件卸载的三个生命周期方法的组合。 下面我们一起来通过案例学习useEffect的使用： 1.这里需求是写一个点击事件让state累加，并且吧state展示在title上 2.首先要导入React, { useState, useEffect