react
懒人修
这个作者很懒,什么都没留下…
展开
-
随笔
随笔文章目录随笔一、pandas是什么?二、使用步骤1.引入库2.读入数据总结一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings(原创 2020-12-22 14:10:23 · 867 阅读 · 0 评论 -
随笔——ant design中column上width属性设置无效问题
列参数:export interface Column { title: string; width?: number; dataIndex?: string; fixed?: string; ellipsis?: boolean; defaultSortOrder?: string; sorter?: any; align?: string; sortOrder?: string | boolean; render?(text?: number | string,原创 2020-12-21 17:19:01 · 2924 阅读 · 1 评论 -
随笔——文本域(计数方式:已输入/可再输入)
样式:.text-area_box { position: relative; .ant-input { height: 121px; background: #ffffff; border: 1px solid #d9d9d9; border-radius: 3px; } .word_number { position: absolute; bottom: -2原创 2020-12-21 16:50:07 · 804 阅读 · 0 评论 -
随笔——一些插件
水印npm install --save watermark-component-for-reactxxx原创 2020-12-17 15:34:38 · 203 阅读 · 0 评论 -
随笔——history跳转页面后,获取参数
跳转页面通过history.push({ pathname: '/intent/handle/ProcessIntentOrder', query: { id: record.id, checkFlag: false } });// 到跳转页面后const { query = {} } = props.location;console.log(query.checkFlag, '查看还是处理'); // 获取到的会是一个字符串false,所以最好记得是将checkFlag:原创 2020-12-16 17:30:12 · 2633 阅读 · 0 评论 -
随笔——直接触发表单验证中的某一个(ant design——form)
如何直接触发表单验证中的某一个比如:设置为undefined后先让其直接就出来提示,可以设置form.validateFields(['名字']); form.setFieldsValue({ briefUrls: undefined // 为了让其有提示 }); form.validateFields(['briefUrls']);...原创 2020-12-16 17:27:39 · 2300 阅读 · 0 评论 -
随笔——倒计时(当前日期距离规定日期的时间差)
import React, { useEffect } from 'react';import { useImmer } from 'use-immer';export type CdFormat = 'dd:hh:mm:ss' | 'hh:mm:ss' | 'hh:mm' | 'mm:ss';interface IProps { startDate: string | Date; endDate: string | Date; format?: CdFormat; cb?():原创 2020-12-16 17:15:10 · 210 阅读 · 0 评论 -
随笔——时间跨度超过XXX的日期置灰不可选择(ant design-RangePicker)
**状态** const [validDateFlag, setValidDateFlag] = useImmer<boolean>(false); const [dates, setDates]: any = useState([]); const [hackValue, setHackValue]: any = useState(); const [dateValue, setDateValue]: any = useState();**方法** // 不可选的日期范围原创 2020-12-16 16:47:55 · 872 阅读 · 0 评论 -
随笔——带有loading的select
带有loading的selectimport React, { useEffect } from 'react';import { Select, Spin } from 'antd';import { useRequest, request } from 'umi';import { useImmer } from 'use-immer';export interface Employee { id: number; employeeName: string; employeeCo原创 2020-12-22 15:00:17 · 933 阅读 · 0 评论 -
umi中使用scss
第一步:npm i node-sass sass-loader --save第二步:在.umirc.ts或者.umirc.js中加入以下代码即可cssLoaderOptions:{localIdentName:’[local]’}原因是因为:结构:打开浏览器的控制台查看sources找到引用的css文件,搜索可以看到好像我们的样式确实是存在的,只不过被加上了前缀及后缀加上上面的代码后:...原创 2020-09-17 17:04:14 · 1085 阅读 · 0 评论 -
react/umi随笔
1、项目迁移index.tsx中文件修改为(这样一来就是props.children里的盒子是谁就是谁,解决再有其他div包含)import React from ‘react’;const BasicLayout: React.FC = props => {return (<React.Fragment>{props.children}</React.Fra...原创 2019-11-23 17:23:25 · 398 阅读 · 0 评论 -
React 中减少不必要的嵌套
React 中有一个Fragment,可以通过它无需向DOM添加额外包含节点。render() { return ( <React.Fragment> <A /> <B /> <C /> </React.Fragment> );}有时候可能会需要用到键值key 就比如要创...原创 2019-11-23 16:54:12 · 140 阅读 · 0 评论 -
React动态导入及css模块化
在react中有时候看似没有进入某个组件,但是已经进入了某个组件里面,下面是我之前遇到的问题1、虽然webFlag为true,按理说应该进入pc端(前者),但是移动端也一起加载了出来<classroomContext.Provider value={this.state} >{webFlag === true ? : }{webFlag === true ? : }{w...原创 2019-11-23 16:42:13 · 2905 阅读 · 0 评论