react
布袋里长出了橘猫
没有特别幸运,请先特别努力
展开
-
基于react+and Design实现下拉框,支持自由输入,hooks篇
基于基于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.原创 2020-09-02 17:55:18 · 1193 阅读 · 0 评论 -
React Ant Design Form Cascader 组件回显问题
先看一下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: [原创 2020-06-05 16:50:18 · 7423 阅读 · 0 评论 -
基于react antDesign 封装一个校验图片尺寸与大小的图片上传组件
本文主要是基于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原创 2020-05-25 18:45:07 · 1265 阅读 · 0 评论 -
基于react antDesign 封装一个简单的Select组件
基于react antDesign 封装一个简单的search组件,可移步官网: 查看.目的在基于Select功能的基础上封装为圆角、改变下拉箭头颜色Select组件,这里命名为jrSelect废话不多说啦,先看下Ant Design 给出的效果图:目标实现效果图:jsx部分实现1 定义一个名为JrSelect的组件,export default JrSelect导出组件1 className={`${className} round_select`} 接收父组件className拼接到子原创 2020-05-21 21:46:54 · 2677 阅读 · 3 评论 -
React TypeScript 报错 Readonly 不存在属性"字段名"
React TypeScript 报错类型"Readonly<{}>“上不存在属性"字段名”react项目中ts报错代码如下:onAddTabBar = () => { let _panes = this.state.panes.concat([{ title: `Tab ${this.state.panes.length + 1}`, content: 'Content of Tab 2', key: this.state.panes.length + 1 }]) t原创 2020-05-10 14:56:36 · 3238 阅读 · 0 评论 -
React 针对 ant Design select 组件进行二次封装
React 针对 ant Design 库 select 组件进行二次封装由于业务需要对select进行样式上的修改,部分select还需要使用原样式。这种情况可以通过两种方式来实现:1 通过className进行样式覆盖2 通过二次封装组件,相对于仅修改css样式来说更加的灵活本次介绍第二种方式对组件进行二次封装/** @Date 2020/5/8* @Author zuolinya* @Description antd select组件 二次封装* 1 设置为圆角*/import原创 2020-05-08 20:36:29 · 1996 阅读 · 0 评论 -
基于react+and Design实现下拉框,支持自由输入
基于react+and Design实现下拉框,支持自由输入_ antd组件库提供的select组件已经基本满足开发需求,本次介绍一下怎么实现自由输入 官方给的只能输入下拉列表里面包含的内容,这时要实现23px的字号,就需要自定义调整了。 <Select showSearch onChange={(val) => { this.onUpdat...原创 2018-04-20 18:40:30 · 14815 阅读 · 11 评论 -
前端面试题(二)vue和react的区别
相同点1 都支持服务器端渲染2 都有Virtual DOM(虚拟dom),组件化开发,都有’props’的概念,这是properties的简写。props在组件中是一个特殊的属性,允许父组件往子组件传送数据,都实现webComponent规范3 数据驱动视图4 都有支持native的方案,React的React native,Vue的weex5 构建工具React和Vue都有自己的构...原创 2019-05-29 13:20:09 · 7600 阅读 · 0 评论