Z姑娘早安

基于基于react+and Design实现自由输入，hooks篇，主要使用到AutoComplete组件import React, { useEffect, useState } from 'react';import styles from './index.less';import 'antd/dist/antd.css';import { AutoComplete } from 'antd';const { Option } = AutoComplete;export default.

先看一下Cascader组件但是使用回显时的例子import React from 'react';import ReactDOM from 'react-dom';import 'antd/dist/antd.css';import './index.css';import { Cascader } from 'antd';const options = [ { value: 'zhejiang', label: 'Zhejiang', children: [

本文主要是基于react antDesign UpLoad组件，封装一个可以校验尺寸、大小的图片上传组件。Ant Design官方文档已经给出了校验图片大小的demo，代码如下。function beforeUpload(file) { const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'; if (!isJpgOrPng) { message.error('You can only uplo

基于react antDesign 封装一个简单的search组件，可移步官网: 查看.目的在基于Select功能的基础上封装为圆角、改变下拉箭头颜色Select组件，这里命名为jrSelect废话不多说啦，先看下Ant Design 给出的效果图：目标实现效果图：jsx部分实现1 定义一个名为JrSelect的组件，export default JrSelect导出组件1 className={`${className} round_select`} 接收父组件className拼接到子

React 针对 ant Design 库 select 组件进行二次封装由于业务需要对select进行样式上的修改，部分select还需要使用原样式。这种情况可以通过两种方式来实现：1 通过className进行样式覆盖2 通过二次封装组件，相对于仅修改css样式来说更加的灵活本次介绍第二种方式对组件进行二次封装/** @Date 2020/5/8* @Author zuolinya* @Description antd select组件 二次封装* 1 设置为圆角*/import