react
big tail
这个作者很懒,什么都没留下…
展开
-
Module “xxxx“ does not exist in containe
项目中使用了umijs,并且还采用了MFSU找到项目中的.umi文件夹,删除后(相当于清除缓存),重新启动项目即可原创 2021-11-23 16:57:34 · 931 阅读 · 0 评论 -
React组件属性类型(propTypes)校验
React组件属性类型(propTypes)校验这是一个评分组件import React from "react";import propTypes from "prop-types";const Rating = ({ value, text, color }) => { return ( <div className="rating"> <span> <i style={{ color }}原创 2021-02-21 13:47:45 · 325 阅读 · 0 评论 -
Antd 封装Modal
Antd 封装Modal// 子组件// Modal的visible直接设为trueconst { title, onClose } = this.props;<Modal title={title} visible={true} onOk={this.handleOkDraw} onCancel={onClose} maskClosable={false}> <Form> <Steps status="wait" size="small" direc原创 2020-12-15 19:11:05 · 1307 阅读 · 0 评论 -
Antd自定义表单验证 判断图片是否存在
Antd自定义表单验证 判断图片是否存在// 触发表单验证 const onCheck = () => { props.form.validateFields() .then((values) => { let cur = { type: props.type, id: props.curData.id, }; props.addSuc(values, cur); })原创 2020-12-01 19:38:45 · 481 阅读 · 0 评论 -
React 实现下载功能
React 实现下载功能// 资源在oss上window.location.href = ""原创 2020-12-01 19:32:20 · 1161 阅读 · 0 评论 -
Antd table问题
Antd table问题// ellipsis:如果是自定义渲染的列,该属性不会生效,内容会直接被截取const columns = [ { title: '商品名称', dataIndex: 'title', render: (text, record) => { return ( <div className={styles.goodsWrapper}> <div clas原创 2020-11-27 20:02:35 · 392 阅读 · 0 评论 -
Antd中TimePicker获取24小时制
Antd中TimePicker获取24小时制// 格式化为: HH:mm:sslet start = val.rangeTime ? moment(val.rangeTime[0]).format('YYYY-MM-DD HH:mm:ss') : '';let end = val.rangeTime ? moment(val.rangeTime[1]).format('YYYY-MM-DD HH:mm:ss') : '';原创 2020-11-17 15:12:42 · 2338 阅读 · 0 评论 -
React 实现复制功能
React 实现复制功能以下都是Antd4.x的写法//hook写法----------通过useRefimport React, { useRef } from 'react';import styles from './index.less';import { Input, Button } from 'antd';const Export = (props) => { const linkRef = useRef(); //复制链接 const copyLink = ()原创 2020-09-01 15:15:33 · 767 阅读 · 2 评论 -
React Hook中点击事件传参
React Hook中点击事件传参<div key={index} className={styles.act_item} onClick={() => onOperate(index)}></div>原创 2020-08-31 09:49:09 · 5657 阅读 · 2 评论 -
Antd 4.4.3 版本,如何获取form表单的值
//1.const [form] = useForm() 必不可少!!!//2.必须要给组件传递一个props !!!//3.给Form组件,添加form={form} !!!//4.获取表单的值, form.getFieldValue 获取对应字段的值//5.提交表单 onFinish/* <Form.Item name='myInput' > <Input placeholder='请输入' /> </Form.Item> 注:如果要获取到In原创 2020-07-26 19:29:38 · 3610 阅读 · 1 评论 -
React原生 实现公告无限滚动效果
React原生 实现公告无限滚动效果//index.jsimport React, { Component } from 'react'import './index.less'export default class Scroll extends Component { constructor(props) { super(props); this.state = { noticeList: [ {原创 2020-05-18 15:26:04 · 3973 阅读 · 0 评论 -
React 手写 Tab栏
React 手写 Tab栏废话不多说,直接上代码//index.jsimport React, { Component } from 'react'import './index.less'class Tab extends Component { constructor(props) { super(props); this.state = { tabList: [ {原创 2020-05-14 19:42:55 · 900 阅读 · 1 评论