weixin_47541876的博客

判断浏览器方法

ant-design 雷达图 radar 配置

antd protable

前端、react复制粘贴功能

Uncaught SyntaxError: Unexpected token '

file-saver blob导出excel文件前端导出文件

为何在 Modal 中调用 form 控制台会报错？Warning: Instance created by useForm is not connect to any Form element. Forget to pass form prop?

dooring低代码图标组件踩坑Objects are not valid as a React child (found: object with keys {type, key, ref, props, _owner, _store}). If you meant to render a collection of children, use an array instead.

umi项目打包后还是使用上一个版本，存在缓存在项目config.ts或.umirc.ts 内写上metas配置： metas: [ { httpEquiv: 'Cache-Control', content: 'no-cache', }, { httpEquiv: 'Pragma', content: 'no-cache', }, { httpEquiv: 'Expires', content

我是使用umi创建的项目，在config里配置了dva: {immer: true,hmr: true,},项目中用了immer，会自动进行冻结，修改数组的时候会出现Immer 在内部做了一件很巧妙的事情，那就是通过 produce 生成的 nextState 是被冻结（freeze）的，（Immer 内部使用Object.freeze方法，只冻结 nextState 跟 currentState 相比修改的部分），这样，当直接修改 nextState 时，将会报错。 这使得 nextStat.

你不能用控件的 value 或 defaultValue 等属性来设置表单域的值，默认值可以用 Form 里的 initialValues 来设置。注意 initialValues 不能被 setState 动态更新，你需要用 setFieldsValue 来更新。主要代码一、第一种方法，推荐使用const [form] = Form.useForm() useEffect(()=>{ //defaultBaseInfo你的初始数据 //监听defaultBaseInfo的

方法const [checkedArr, setCheckedArr] = useState([])const setCheckArr = (i: number, v: string) => { let arr = checkedArr let index = 0 for (let i = 0; i < arr.length; i++) { if (arr[i] === v) { inde

通常情况下，一个项目区分开发环境，测试环境，生产环境，因为后端给的接口测试环境和生产环境的不一样，并且我们的也不是网站前缀，正式环境也需要自己配置，然后整个项目是用umi搭建的，所以用了cross-env来配置不同的环境1、安装cross-envnpm i cross-env -S2、修改package.json文件 "dev": "cross-env UMI_ENV=dev UMI_DEV=true umi dev", "start": "cross-env UMI_ENV=pro

长按删除评论功能html<p className='review-content' onTouchStart={(e)=>{this.gtouchstart(e,id)}} onTouchMove={(e)=>{this.gtouchmove(e,id)}} onTouchEnd={(e)=>{this.gtouchend(e,id)}}>哈哈哈哈哈</p>方法 let timeOutEvent=0;//定时器 //长按事件 gtouchst

支付宝文档：https://opendocs.alipay.com/open/我用的是第二种，如下：AlipayJSBridge在支付宝里才能唤起主要流程：我们做的是支付宝连续包月自动续费，因为支付宝限制原因需要签约两次付费，在客户端显示二维码，客户保存二维码到支付宝扫码进行后续操作前端提供给后端的主要调起流程如下：直接在componentDidMount 里调起，render里可以加一些loading效果，看个人需要componentDidMount = () => {

最近用react做的一个毕业展网站，需要播放老师寄语视频，之前做的一些pc端网站都用了videojs，想着react里面适不适用，问了一下度娘，发现也有使用，遂尝试继续使用videojs，可以正常使用首先安装videojsnpm install video.js页面中引入js和cssimport videojs from 'video.js';import 'video.js/dist/video-js.css';html页面 <video-js id="myVideo" width

react中使用photoswipe安装photoswipenpm install photoswipe定义一个LightBox组件import React from 'react'import PhotoSwipe from 'photoswipe'import 'photoswipe/dist/photoswipe-ui-default'import 'photoswipe/dist/photoswipe.css'import 'photoswipe/dist/default-skin

react项目创建1、 目录结构2、配置cssyarn add normalize.css重置 css reset.css3、配置别名yarn add @craco/craco修改package.json` "scripts": { "start": "craco start", "build": "craco build", "test": "craco test", "eject": "react-scripts eject" },`新建并配置 craco.config.js

一、前端路由原理前端路由是如何做到URL和内容进行映射呢？监听URL的改变。URL的hashURL的hash也就是锚点(#), 本质上是改变window.location的href属性；我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新；<div id="app"> <a href="#/home">home</a> <a href="#/about">about</a> <div cla

axios的配置信息请求配置选项下面是创建请求时可以用的配置选项：只有URL是必传的；如果没有指定method，请求将默认使用get请求；{ // `url` 是用于请求的服务器 URL url: '/user', // `method` 是创建请求时使用的方法 method: 'get', // default // `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。 // 它可以通过设置一个 `baseURL` 便于为 axi

EventEmitter 事件总线机制，可用于 react 中兄弟组件中的通信安装eventsnpm install eventsyarn add eventsimport React, { PureComponent } from "react";//EventEmitter 事件总线机制，可用于 react 中兄弟组件中的通信import { EventEmitter } from "events";//事件总线：//eventBus 利用这个对象可以发送或者监听事件const

React父子组件间的通信React父子组件之间通讯，利用props和state完成，首先React是单向数据流，父组件可以向子组件传递props；实现父子组件双向数据流整体的思路是：父组件通过 属性=值 的形式来向子组件传递props，props中带有初始化子组件的数据，还有回调函数；子组件通过 props 参数获取父组件传递过来的数据，子组件的state发生变化时，在子组件的事件处理函数中，手动触发父函数传递进来的回调函数，同时时将子组件的数据传递回去代码示例，父传子import Rea

git地址https://github.com/facebook/react-devtools/tree/v3一、下载安装包然后我是用vscode打开该项目在控制台（Terminal）先安装npmnpm install打开package.json可以看到以下命令我们执行npm run build:extension:chrome命令安装谷歌的即可，出现如下图所示提示即表示已经成功成功后会生成一个unpacked文件（react-devtools -> shells -> c