当前数据库主要分为关系型数据库和非关系型数据库。关系型数据库有Oracle、DB2、Microsoft SQL Server、Microsoft Access、MySQL等。非关系型数据库有 NoSql、Cloudant。而我们现在讲的就是非关系型数据库MongoDB：一个基于文件存储的分布式NoSQL数据库系统数据结构由键值对（key, value）组成拥有非常强大的查询能力

craco对于creat-react-app创建的项目，我们想要修改其webpack的配置就需要用到craco，这里先进行安装：npm install @craco/craco --save目前建议6.2.0版本，我使用的是6.2.0比较文定，没有出啥问题配置文件安装好craco之后，我们需要设置配置文件来修改webpack这里我写一个例子：项目中全局加载antd的css，通过修改webpack能

前言使用react中antd实现图片的上传裁剪和预览，记录一下实现过程，希望能对大家有帮助实现我们这里用到的是antd框架，实现图片上传的功能我们需要安装一个插件antd-img-cropyarn add antd-img-crop然后就可以进行使用：import React, { memo, useState } from 'react'import { Upload } from 'antd'

前言在react-Ant Design框架项目中实现文字轮播和图片轮播，在这里记录一下，实现过程有一点小坑需要注意文字轮播图实现在Ant Design里面使用轮播图就需要使用Carousel组件首先要把用到的组件进行按需引入import {Card, Carousel} from 'antd'然后写内容：使用Carousel标签包裹轮播的内容，标签上autoplay作用是设置自动播放export

文章目录useEffectuseEffect清除定时器最后useEffect之前我们学习了class组件的声明周期，那么我们想在函数式组件中做一些声明周期有关操作能否实现呢？函数式组件中是没有生命周期的,所以就可以使用useEffect来替代。我们可以把useEffect看作组件加载、组件更新、组件卸载的三个生命周期方法的组合。下面我们一起来通过案例学习useEffect的使用：1.这里需求是写一

文章目录useReducer实现累加器useReducer的使用场景useReducer在hooks中,可以为函数式组件提供类似Redux的功能,类似于vuex都是提供状态管理的。官方提供的两种state管理：useState,useReducer。下面我们一起来看看useReducer的用法实现累加器举个简单例子来了解它的使用方法，点击按钮实现累加：1.首选前面要引入useReducer，后面要

学习react的同学多多少少对高阶组件有所耳闻，想要学好高阶组件就必须先学好高阶函数的运行，本篇文章就先从高阶函数着手，带大家学习高阶函数和高阶组件的运用高阶函数(HOC)高阶函数（High Order Component）JS函数其实都是指向某个变量,既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以去接收另外一个函数作为参数,这种函数就称之为高阶函数。// 一个最简单的高阶函数fu

路由的安装首先我们需要安装routernpm，cnpm之类的安装都行，我这里使用yarnyarn add -D react-router-dom新建页面这里我新建几个页面待会方便演示路由跳转,页面里面就是基础的内容引入路由在app.js中进行引入刚刚安装的router相关工具和上面写的页面：import React, { Component } from 'react'import { Brows

前言最近写react项目使用到axios进行请求封装，在这里记录一下，希望可以帮助到初学的小伙伴准备工作进行请求需要使用axios，所以要先确定你已经安装完成了axios,查看package.json文件如果没有，请先安装axiosnpm install axios开始封装axios首先在src目录下新建axios文件夹，这里我们新建两个文件，分别是config.js和request.jsconf

前言本篇文章教大家使用脚手架搭建react的项目，对于新建的react项目，项目目录里的文件都是干什么的，有什么作用呢？下面一起来看看~react脚手架使用yarn在本地安装create-react-app:npm i -g yarn #全局安装yarnyarn -v #查看yarn版本号如何使用npx在本地安装相关包yarn init -y #初始化项目yarn add -D create-re