
React
react相关
Sun_小杰杰哇
我就是我,不一样的烟火
展开
-
Antd React Form使用Radio嵌套多个Select和Input的处理
使用Antd React Form使用Radio会遇到嵌套多个Select和Input的处理,需要多层嵌套和处理默认事件和冒泡,具体实现过程直接上代码。原创 2025-01-23 14:13:43 · 711 阅读 · 0 评论 -
清除redux数据(hooks写法)
redux清除数据原创 2022-10-21 14:25:29 · 1354 阅读 · 0 评论 -
antd icon 图标组件的使用
antd iconiconfont原创 2022-08-26 17:52:26 · 5192 阅读 · 0 评论 -
脚手架搭建项目(create-react-app)常见报错汇总
1、The slice reducer for key "errors" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state.2、在useEffect中进行请求,请求执行两次原创 2022-08-26 11:27:02 · 1189 阅读 · 0 评论 -
BizCharts柱状图、折线图混合展示数据
代码import React, { useState } from "react";import { Axis, Chart, Tooltip, Interval, View, Line, Legend, Point, getTheme,} from "bizcharts";const theme = getTheme();const data = [ { name: "orderCount", date: "2021-07-..原创 2022-03-10 18:11:20 · 1193 阅读 · 0 评论 -
React Antd4.x Upload实现图片上传后拖拽换顺序功能
功能说明做项目使用React Antd4.x Upload上传图片,实现批量上传。后期项目迭代更新,要求拖拽图片调整图片顺序。框架不支持,自己借助包写了一个上传且可以拖拽图片换位置的功能。下面是具体步骤功能实现安装“array-move”$ npm i array-move安装“react-sortable-hoc"$ npm install react-sortable-hoc --save...原创 2021-12-14 17:59:51 · 2217 阅读 · 0 评论 -
React实现导出
请求接口,后端返回文件流,前端实现导出的下载。直接上代码response.blob().then(blob => { const aLink = document.createElement('a');//创建a链接 aLink.style.display = 'none'; aLink.href = window.URL.createObjectURL(blob); const filename = "订单导出" + moment().format('YYYY-MM原创 2021-11-12 10:11:53 · 846 阅读 · 0 评论 -
React启动项目提示:“Something is already running on port 3000.”
本地已经运行了一个React项目,在编译器中又打开一个项目,执行npm start启动,提示“Something is already running on port 3000.”想要同时在本地启动多个项目,在启动时可以执行:// 执行$ PORT=自定义端口号 npm start// 运行成功后,直接复制地址浏览器打开即可。http://localhost:自定义端口号或者http://本地ip地址:自定义端口号...原创 2021-09-28 16:51:33 · 477 阅读 · 0 评论 -
create umi创建项目
1、通过 npm 安装 dva-cli。(确保版本是0.9.1或以上)npm install dva-cli -g查看dva的版本号:➜ dva -vdva-cli version 0.10.12、通过dva new创建新应用dva new 项目名称eg:dva new test-project执行dva new 创建一个新应用,提示:dva-cli已经废弃,清使用create-umi替代,详见https://umijs.org/guide/create-umi-app..原创 2021-06-23 16:16:41 · 2751 阅读 · 0 评论 -
React编译代码报错提示:React was passed “javascript:;“。
React编译代码提示报错信息:Warning: A future version of React will block javascript: URLs as a security precaution. Use event handlers instead if you can. If you need to generate unsafe HTML try using dangerouslySetInnerHTML instead. React was passed "javascript:;"原创 2021-06-08 10:06:04 · 3421 阅读 · 3 评论 -
React 代码运行中出现的报错信息
报错信息报错语句描述Warning: Expected onClick listener to be a function, instead got a value of string type.翻译:期望’ onClick ‘侦听器是一个函数,而不是得到一个’ string '类型的值。错误代码解决代码说明这种报错不会影响代码运行,但是在console中会提示有错误。建议解决报错。后续未完,请继续关注,Thanks!☺...原创 2020-08-12 15:46:45 · 1681 阅读 · 2 评论 -
BizCharts制作简单的柱状图
开发中,经常会用图表直接的展示数据,如何使用BizCharts制作柱状图呢?参考网址:https://bizcharts.net/简单柱状图的编码过程引入相关组件import React from "react";import { G2, Chart, Geom, Axis, Tooltip, Coord, Label, Legend, Vie...原创 2020-04-08 16:25:39 · 1825 阅读 · 0 评论 -
React报错解析
简介报错是开发中常有的现象,遇到报错并不可怕,只要能够快速有效的看懂报错信息,并及时的纠正错误就可以解决报错。报错信息报错1报错提醒React does not recognize the clerkCode prop on a DOM element. If you intentionally want it to appear in the DOM as a custom at...原创 2019-12-23 10:26:08 · 987 阅读 · 0 评论