@小文文-优快云博客

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 663

原创解决 react ECharts 使用antd 抽屉的时候宽度无法实现100%

解决 react ECharts 使用antd 抽屉的时候宽度无法实现100%

2022-06-30 19:37:28 1162

原创 create react app创建的项目组件保存发时候间出现了Uncaught ReferenceError: process is not defined的问题

react运行项目保存组件报错：process is not defined

2022-06-27 10:43:11 358

原创 react 子组件向父组件传值

react Hooks 子组件传值到父组件

2022-06-17 16:22:12 1066

原创 Antd Select多选保留一个相同的数据

Antd Select多选相同数据保留一个

2022-04-24 15:27:07 396

原创 React-hooks context上下文的使用

React-hooks context共享全局状态

2022-04-24 15:15:11 1612

原创 react antd 远程模糊搜索和防抖

antd远程模糊搜索和防抖

2022-02-17 19:22:05 1195

原创子组件向父组件传值

当子组件向父组件传值，但是父组件中是用tab标签来切换试时候会报childRef.current.iocList is not a functioniocList不是一个方法，解决方案如下：childRef.current && childRef.current.iocList() // 进行判空处理...

2021-12-22 16:06:03 137

原创 2021-04-26

button中有个 autoFocus属性：只有当页面加载时按钮会自动地获得焦点(加载完当你点击页面其它位置时会自动失效)，在此代码中有4个button，它会自动聚焦最后一个button，并不能将第一个button聚焦。 (antdUi框架)全部...

2021-04-26 23:30:49 89

原创复制链接

// 复制链接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 6996

原创基于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 629

原创 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 392

原创 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 675

原创 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 1498 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 1453

原创使用原生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 1332

原创基于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 1927

原创封装dialig方法

2021-01-07 14:47:30 106

原创封装方法获取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 338

原创封装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 74