导航

2023年8月1日

react使用自定义animation实现水平效果的路由切换

摘要： 例如：A组件跳B组件 A组件： import React from 'react'; import './A.scss' import { useNavigate } from 'react-router-dom'; export default function A() { let navigat 阅读全文

posted @ 2023-08-01 10:38 晚安圆圆 阅读(24) 评论(0) 推荐(0)

react路由6登录拦截

摘要： 自定义登录拦截组件： // 路由守卫 // 判断token是否存在，如果存在跳转页面，不存在返回登录页面 import { Navigate } from 'react-router-dom' const getToken = () => { return sessionStorage.getIte 阅读全文

posted @ 2023-08-01 10:33 晚安圆圆 阅读(277) 评论(0) 推荐(0)

react图书商城前后端

摘要： 下载：axios antd-mobile antd-mobile-icons sass 连接mongodb： const mongoose = require("mongoose") mongoose.connect('mongodb://127.0.0.1:27017/zg5_zk3_2204_e 阅读全文

posted @ 2023-08-01 10:31 晚安圆圆 阅读(43) 评论(0) 推荐(0)

react简历案例--前后端

摘要： express：下载 mongoose 7版本 +配置cors 1：创建module文件夹（db.js、module.js） 连接mongodb数据库： const mongoose = require("mongoose") mongoose.connect("mongodb://127.0.0. 阅读全文

posted @ 2023-08-01 10:11 晚安圆圆 阅读(515) 评论(0) 推荐(0)

react中一键回顶功能

摘要： 1：准备一个容器 <div className="backTop" style={{ display: showTrue ? 'block' : 'none' }} onClick={backTop}>返回顶部</div> 2：回顶的css样式 .backTop { position: fixed; 阅读全文

posted @ 2023-08-01 09:03 晚安圆圆 阅读(104) 评论(0) 推荐(0)