前言 提示：本文仅总结 自己 平时 使用的 几种合并 对象的方法： 总结 一、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组件化开发 组件化开发思想 组件化是一种分而治之的思想 如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。 但如果，我们讲一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了。 我们需要通过组件化的思想来思考整个应用程序： 我们将一个完整的页面分成很多个组件； 每个组件都用于实现页面的一个功能块； 而每一个组件又可以进行

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

有一些同学可能想配置react的运行环境，苦于不同的电脑遇到千奇百怪的问题和ERROR。下面是我遇到问题对应的解决方案，希望对你们有帮助。 本来我们的基本步骤是： 下载好nvm文件 在里面下载node.js，就是说安装并且use 14.16.1 ->和16.14.2 其次安装npm即可完成react的环境配置。 就可以开始学习react啦！！！ 如果出现nvm安装问题就看下面： 把这两段： node_mirror: https://npm.taobao.or

Redux中的异步操作 在之前简单的案例中，redux中保存的counter是一个本地定义的数据 我们可以直接通过同步的操作来dispatch action，state就会被立即更新。 但是真实开发中，redux中保存的很多数据可能来自服务器，我们需要进行异步的请求，再将数据保存到redux中。 在之前学习网络请求的时候我们讲过，发生网络请求我们有两种方案, 可以直接在组件的钩子函数中发送网络请求, 再将数据存放到store中; 也可以直接在store中发生网络请求

什么是单点登录？ 单点登录（Single Sign On，简称SSO） 背景： 以前的时候，一般我们就单系统，所有的功能都在同一个系统上。 后来，我们为了合理利用资源和降低耦合性，于是把单系统拆分成多个子系统。比如阿里系的淘宝和天猫，很明显地我们可以知道这是两个系统，但是你在使用的时候，登录了天猫，淘宝也会自动登录。 如图所示，图中有4个系统，分别是Application1、Application2、Application3、和SSO。Application1、Applicatio

描述之前我想先吐槽一下这个X6的官网，可能原生html、JS还行，但是要灵活运用到框架上，官网上的react实例是真看不懂，我个人而言，真的很难灵活运用到真实项目中，幸好后面有带佬的代码，不得不说质量雀食高 开整！ 首先我们的目的是画一个这样的图表 看到这个树状图，我们想要搞清楚，我们需要哪几样来完成 - 不是显示单独一个数据，所以必然要自定义节点 - 第一先确定数据格式，从后台传过来的数据里面不单是数据，还需要一组头尾的连接字段来确认边，如果已经大致看过X6的可视化逻辑，自然明白边的