Coralpapy的博客

一、DatePicker组件的设置。showTime设置时间只显示时，分，不显示秒disabledDate函数：设置日期的禁用disabledTime函数： 设置时间的禁用<DatePicker onChange={e => this.changeTime(e, 'beginTime')} placeholder="请选择开始时间" showTime={{ format: 'HH:mm' }} showToday={false} getC

import React from 'react';import { Layout, Form, Icon } from 'antd';import isEqual from 'lodash/isEqual'; //深度比较对象import memoizeOne from 'memoize-one'; //降低渲染的函数复杂度，提高性能import { history, connect } from 'umi';import { ContainerQuery } from 'react-co..

其中传过去的e为：从antd官网可以看到select组件的onchange属性传参，第一个参数为value，第二个参数可为所选中的那一项的所有信息。其中的props属性内有一个children属性，即存储了所选项的名称...

1. 双竖杠||：将前面的值自动转为布尔值并且为false时，(如undefined、null、false、空字符串和数值0),就取后面，否则取前面。例：console.log(0 || 52)打印出52console.log(false || 52)打印出52console.log(null|| 52)打印出52console.log(undefined|| 52)打印出522. 双问号：前面的值为null、undefined，则取后面的值，否...

Warning: validateDomNexting(...): <div>cannot appear as a descendant of <p>原因分析： 报错显示，<p>标签不能作为<div>标签的父标签。但是如果发现自己整张代码都没有所谓的<p>标签，还是报错。那就可以考虑是否运用了一些封装好的组件，里面是用p标签写的。例如antd的result组件，description属性里用<div>就会报错，解决方法是可.

思路：1、定义一个空数组nodeData,用于存储新构造的对象，let nodeData =[];2、遍历后台传来的数组treeData，treeData.map（）（1）定义一个空对象，let treeObj = {};（2）将数组中需要的属性赋值给新对象，作为新对象中的一个属性treeObj.title = item.deptName; treeObj.value = item.deptName treeObj.key = item.dept...

实现思路： 在父组件中定义一个方法，并且在子组件中绑定，然后在子组件中可以通过props去调用到父组件中的方法。父组件中：const toshare = () => {this.setState({visibleShare: false,})}<Child share={toShare}/>此时，子组件就可以通过props获取父组件中的方法handleSumit = （）=> {...