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

什么是Hooks? 首先：React的组件创建方式，一种是类组件，一种是纯函数组件。 React团队认为组件的最佳写法应该是函数，而不是类。 但是纯函数组件有着类组件不具备的特点： 纯函数组件没有状态 纯函数组件没有生命周期 纯函数组件没有this 这就注定，纯函数组件只能做UI展示的功能，如果涉及到状态的管理与切换，我们就必须得用类组件或者redux，但是在简单的页面中使用类组件或者redux会使代码显得很重。 因此，React团队设计了React hooks（钩

简介 React Native是一个使用React和应用平台的原生功能来构建 Android 和 iOS 应用的开源框架。通过React Native，可以使用JavaScript来访问移动平台的API，以及使用React组件来描述UI的外观和行为：一系列可重用、可嵌套的代码。 安装依赖​ 必须安装的依赖有：Node、JDK 和 Android Studio。 1. Node的版本需大于等于12，安装完Node后建议设置npm镜像（淘宝源）以加速后面的过程 关于Node的安装方式很简

上篇文章初步了解和学习了react-redux的原理和组件拆分 今天探索一下react-redux基本使用以及对求和案例的代码优化 感兴趣的小伙伴一起来看看吧！🤞 ⭐react-redux基本使用 依旧对求和案例进行分析： 根据react-redux模型图，实现了Count的容器组件与Count的UI组件的联系，接下来要实现容器组件给UI组件传递 redux中所保存的状态以及操作状态的方法，要借助props。 但是不能像原先父子组件传参利用标签的方式传递，比如：

React组件化开发 组件化开发思想 组件化是一种分而治之的思想 如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。 但如果，我们讲一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了。 我们需要通过组件化的思想来思考整个应用程序： 我们将一个完整的页面分成很多个组件； 每个组件都用于实现页面的一个功能块； 而每一个组件又可以进行