
react
react家的小基地。
s先生的d小姐
相信相信的力量。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
解决JSON.stringify Uncaught (in promise) TypeError: Converting circular structure to JSON
解决JSON.stringify Uncaught (in promise) TypeError: Converting circular structure to JSON原创 2023-11-24 12:57:04 · 982 阅读 · 0 评论 -
INPUT批量上传图片并转为base64格式
INPUT批量上传图片并转为base64格式原创 2023-11-24 12:49:57 · 544 阅读 · 0 评论 -
useEffect使用场景
useEffect使用场景原创 2023-04-01 16:20:24 · 265 阅读 · 1 评论 -
react中父组件调用子组件的方法
react中父组件调用子组件的方法转载 2022-08-17 09:17:11 · 1881 阅读 · 0 评论 -
react中使用less
安装less和less-loadernpm install less-loader less --save2.修改webpack配置文件找到webpack.config.js文件。查找方法:A:通过全文搜索文件名。 B:react-project/config/webpack.config..原创 2021-08-10 13:08:50 · 463 阅读 · 0 评论 -
react的路由配置
1.安装依赖npm install react-router-dom --save-dev2.src/router/index.js/* Root, Router 配置*/import React from 'react';import { Route, Switch, Redirect } from 'react-router-dom'; import App from '@/App'; //开发新建的页面import Home from '@/pages/home/home'原创 2021-08-04 16:29:46 · 146 阅读 · 0 评论 -
react配置反向代理
1.安装 http-proxy-middlewarenpm http-proxy-middleware --save2.在项目目录src文件夹下新建setupProxy.js文件,然后写入如下代码:const { createProxyMiddleware } = require("http-proxy-middleware");module.exports = function(app) { app.use( createProxyMiddleware ("/api", {原创 2021-08-04 16:19:19 · 129 阅读 · 0 评论 -
用http-proxy-middleware配置代理时报错:proxy is not a function
react项目中,安装http-proxy-middleware来配置反向代理启动时,项目报错proxy is not a function。1.报错文件setupProxy.js(http-proxy-middleware安装后需要在src根目录下新建setupProxy.js),配置如下const proxy= require('http-proxy-middleware');//报错源module.exports = function(app) { app.use( proxy.原创 2021-08-04 15:08:35 · 590 阅读 · 0 评论 -
react配置src根目录(绝对路径)
网上搜了很多方法,让安装react-app-rewired 依赖,在根目录新增一个config-overrides.js文件,并修改package.json中的scripts配置信息,结果在启动项目的时候报错。下边的配置方法,亲测有效~1.找到node_modules/react-scripts/config/webpack.config.js(或者在编辑器中直接搜索文件webpack.config.js)。2.找到alias3.添加下面的代码'@': path.resolve('src'原创 2021-08-04 11:22:06 · 1307 阅读 · 0 评论 -
react项目搭建及相关依赖包引入
先要有node.js环境。安装react脚手架npm i -g create-react-app创建react项目create-react-app react-project /*react-project为项目名*/进入项目并安装相关依赖cd react-project /*进入目录*/npm run eject 弹出配置文件--不可逆操作--用于修改默认的配置npm install react-router-dom --save-dev /*安装路由组件:.原创 2021-08-04 11:13:45 · 1840 阅读 · 0 评论 -
react配置路由时报错:the prop is not a valid React component
1.报错内容:2.报错时的代码<Route path="/" exact component={Home} /><Route path="/infor" component={Infor}/><Route path="/shareIndex" component={Share}/>3.解决报错后的代码<Route path="/" exact component={(props)=><Home {...props}/>} />原创 2021-08-04 09:00:45 · 746 阅读 · 0 评论 -
完全理解 redux(从零实现一个 redux)
自学过程中看到了一篇非常棒的文章,所以转载分享给大家! 原文地址目录前言状态管理器简单的状态管理器有计划的状态管理器多文件协作reducer 的拆分和合并state 的拆分和合并中间件 middleware完整的 redux最佳实践纯函数总结前言记得开始接触 react 技术栈的时候,最难理解的地方就是 redux。全是新名词:reducer、store、dispatch、middleware 等等,我就理解 state 一个名词。网上找的 redux转载 2020-08-05 19:11:10 · 378 阅读 · 0 评论