
react
zhooson
记录日常开发问题及方法,如有错误,欢迎指点
展开
-
React + Node 实现大文件分片上传、断点续传、秒传[多个文件]
效果图:QQ20221129-170230-HD上传文件(多文件)将文件转换成md5并进行切片, 参考文档 https://www.npmjs.com/search?q=spark-md5校验文件(请求后端查询文件是否存在或者存在片段,如果文件已存在, 就秒传)检查并上传切片通知服务器所有服务器分片已经上传完成nodeserver.jsGithub源码地址: https://github.com/liuxingzhijian1320/react-node-原创 2022-11-29 17:20:24 · 846 阅读 · 0 评论 -
react hook useEffect 执行调用俩次,如何解决?
只需要去掉React.StrictMode标签就行了。网上查相关资料说是执行多次的行为是想提醒开发者,注意清除副作用,提前暴露问题等等。产生原因:1. react18的版本的问题。2. 借助 useRef。原创 2022-11-08 10:42:21 · 1916 阅读 · 0 评论 -
react如何设置环境变量
react 设置环境变量原创 2022-11-08 10:34:03 · 720 阅读 · 1 评论 -
react 配置setupProxy.js后网页打不开道指无法访问此网站
react环境:18.2.0proxy的环境: http-proxy-middleware: 2.0.6原因: http-proxy-middleware 的版本过高,导致react 不识别了老版本的写法是: const { proxy } = require(‘http-proxy-middleware’)解决方案:通过es6的方案更换一个名字...原创 2022-07-11 11:36:12 · 669 阅读 · 0 评论 -
react hook 父组件调用子组件方法
父组件import React, { useEffect, useState, useRef, useImperativeHandle } from 'react';function Home(props) { const [isModalVisible, setIsModalVisible] = useState(false); const childRef = useRef(null); // 打开文件夹弹窗 const openCreateModal = (.原创 2021-09-26 09:10:26 · 372 阅读 · 0 评论 -
好“哇塞”全栈博客系统,看看是怎么实现的吧?
只说重点,不说废话和解释,自己去看代码, 不贴大量的图片的,下面的demo链接都可以看。1. 开发环境介绍node 10.24.02. 体验demo前端博客:demo (支持移动端访问).admin系统: 游客模式访问. 账号:test 密码:0000微信小程序搜索:10个肉包子3. 功能文章分类登录 注册验证码(手机/邮箱)ip限流评论回复(敏感词校验)4. 技术栈PC博客: vue全家桶PC后台管理系统:react全家桶+antd小程序端: mpvue.原创 2021-09-09 10:50:22 · 282 阅读 · 0 评论 -
《自游》全栈项目开源 react + vue3 + egg
本项目为个人开源项目,名为《自游》,是一款全栈项目设计的技术栈vue3react17eggmysqlpm2+nginxnode 12+nuxt(正在开发中)预览图配置数据库先创建一个数据库 database, 假设我们数据库名称为 demosql(格式为: utf8mb4 utf8mb4_0900_ai_ci)导入数据库文件(data.sql)常见错误如果你的新创建的 database 不是 utf8mb4 utf8mb4_0900_ai_ci 这个格式,请修改原创 2021-04-20 16:38:18 · 573 阅读 · 0 评论 -
create-react-app 脚手架添加sass的配置
需要先爆漏webpack的配置文件npm run eject先安装对应的loaderyarn add node-sass sass-loader修改代码(文件:webpack.config.dev.js) ,/\.scss$/ { test: /\.scss$/, loaders: ['style-loader', 'css-loader', 'sass-...原创 2018-11-30 14:32:41 · 758 阅读 · 0 评论 -
react的报错 You should not use ‘Link’ outside a ‘Router’
环境:“react”: “^16.4.0”,“react-dom”: “^16.4.0”,“react-redux”: “^5.0.7”,“react-router”: “^4.3.1”,“react-router-dom”: “^4.3.1”我在Header组件中 写了一个Link跳转路由,一直报错误You should not use <Link> outside...原创 2018-11-15 11:23:48 · 7327 阅读 · 0 评论 -
react+antd+redux实现简易todolist
文件夹介绍:本次需要 ’ yarn add redux antd ’TodoList.js 文件import React, { Component } from 'react'import { Input, Button, List } from 'antd';import 'antd/dist/antd.css';import store from './store' ...原创 2018-09-20 14:53:27 · 753 阅读 · 0 评论 -
react-create-app的零散配置(sass,反向代理)
下载官方的脚手架执行 npm eject的方法打开脚手架配置文件 sass 的配置cnpm i node-sass sass-loader --save同时修改webpack的相关配置 添加如图示的一些代码即可,npm start 重启即可使用sass了{ test: /\.scss$/, loaders: ['style-loader', 'css-loa...原创 2018-07-18 21:06:47 · 619 阅读 · 0 评论