- 博客(32)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 前端下载文件responseType设置为blob,获取后端返回的异常状态信息
前端下载文件responseType设置为blob,获取后端返回的异常状态信息
2023-05-11 17:43:04
635
原创 split()，join() 替换当前字符串并将新字符串以HTML形式增加在页面中并增加背景样式
split()，join() 替换当前字符串并将新字符串以HTML形式增加在页面中并增加背景样式
2023-03-21 09:37:53
53
原创 React Hooks 前端浏览器提示内存溢出
Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
2022-08-03 17:16:44
567
原创 解决 react ECharts 使用antd 抽屉的时候宽度无法实现100%
解决 react ECharts 使用antd 抽屉的时候宽度无法实现100%
2022-06-30 19:37:28
1020
原创 create react app创建的项目组件保存发时候间出现了Uncaught ReferenceError: process is not defined的问题
react运行项目保存组件报错：process is not defined
2022-06-27 10:43:11
265
原创 子组件向父组件传值
当子组件向父组件传值，但是父组件中是用tab标签来切换试时候会报childRef.current.iocList is not a functioniocList不是一个方法，解决方案如下：childRef.current && childRef.current.iocList() // 进行判空处理...
2021-12-22 16:06:03
101
原创 2021-04-26
button中有个 autoFocus属性：只有当页面加载时按钮会自动地获得焦点(加载完当你点击页面其它位置时会自动失效)，在此代码中有4个button，它会自动聚焦最后一个button，并不能将第一个button聚焦。 (antdUi框架)全部...
2021-04-26 23:30:49
39
原创 复制链接
// 复制链接const handleCopyLink = (url) => {const fileUrl = url || ‘’;const inp = document.createElement(‘input’);inp.value = fileUrl;document.body.appendChild(inp);inp.select(); // 选择对象document.execCommand(‘Copy’); // 执行浏览器复制命令inp.className = ‘inp’
2021-04-21 09:49:42
6914
原创 基于antd封装table组件
import React, { } from ‘react’;import {Table,} from ‘antd’;import styles from ‘./ReturnVisitTable.less’;function ReturnVisitTable(props) {const { className, columns, dataSource, pagination, scroll } = props;return (<Tableborderedcolumns={co
2021-02-19 19:45:23
589
原创 react 父组件调用子组件方法，子组件传值到父组件
// 父组件function ReturnVisitList(props) {const [form] = Form.useForm();const ChildRef = React.createRef();const [returnVisitShow, setReturnVisitShow] = useState(false);const [enterShow, setEnterShow] = useState(false);const [workOrderValue, setWorkOrde
2021-02-19 19:43:22
329
原创 antd Tablel列表中实现多个三元运算符之间的嵌套
{title: ‘操作’,width: 60,key: ‘1’,render: record =>// eslint-disable-next-line no-nested-ternary(record.taskStatus === ‘1’) ? (<EditTwoToneclassName={styles.icons}onClick={() => editInfoModal(record)}/><Popconfirmtitle=“删除呼叫任务”on
2021-02-05 21:36:09
627
原创 antd可编辑表格
import React, { useState, useEffect, useContext, useRef } from ‘react’;import { connect } from ‘dva’;import {Button,Table,Row,Form,DatePicker,Input,Col,message,Select,} from ‘antd’;import moment from ‘moment’;const { Option } = Select;const
2021-01-31 17:39:49
1425
1
原创 ant design table page分页, onShowSizeChange(pageSize数据的变化)以及在tablel列表中选中当前行Box复选框值
function taskInfo(props) {const [selectedRowKeys, setSelectedRowKeys] = useState([]);const [boxData, setBoxData] = useState([]);const [pagination, setPagination] = useState({pageSize: 10,pageNumber: 1,total: 0,});// 获取信息数据列表const postInfoList = as
2021-01-25 22:08:14
1344
原创 使用原生ajax导出后端返回的文件，前端用blob处理后端返回的二进制数据流，导出Excel格式的文件
使用原生ajax导出后端返回的文件，前端用blob处理后端返回的二进制数据流，导出Excel格式的文件。const infoExport = () => {后端真实的路径是："/call/api/orderName/export" 以下url中第一个api是 proxy需要转发的API前缀 因为我们现在都是前后端分离的项目，需要代理转发才能连 接到服务器。本人亲身体验，在这里采坑2天时间，想的是用原生的ajax请求，绕过了前端控制器，完全没想到proxy代理api前缀的问题。const
2021-01-21 21:46:34
1248
原创 基于antd TextArea封装限制用户输入字符长度并实时显示用户输入的长度
function CreateTask {const [content, setContent] = useState("");// 行内样式文件const textAreaStyle = {position: “relative”,left: “96%”,};// 获取用户输入的字符const contentChange = (text) => {setContent(text);};return （ ）}...
2021-01-13 14:52:55
1738
原创 封装dialig方法
const dialogShow = () => Dialog.show({title: ‘请确认’,content: ‘请确认是’,style: { width: 400 },onOk: () => {return false;},onCancel: () => {payAgain();return false;},okProps: {children: ‘已完成’,},cancelProps: {children: ‘重新’,},})...
2021-01-07 14:47:30
79
原创 封装方法获取url的参数
封装方法获取url的参数A.jsx组件。引入 qs 封装url参数。import React, { useEffect, useState } from ‘react’;import qs from ‘qs’;export function handleMultipleQuery() {const locationStr = location.href.toString();const querySections = locationStr.split(’?’);let query: obje
2020-12-28 10:25:28
302
原创 封装ajax
* url地址* params 传递的参数* callback 成功执行的函数* error 失败执行的函数function ajax(url, params ,callback,error) { $.ajax({ url: url, method: 'get', data: params, success: ...
2020-12-28 10:13:34
47
W3CSchool资源
2015-03-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人