antd
东都花神
这个作者很懒,什么都没留下…
展开
-
Form getFieldDecorator 传入函数组件控制台报错探究
使用 antd3 的 Form 进行开发时经常需要自定义一些组件,之前都是使用类组件实现,没有问题,但是自从 hooks 发布后,目前开发基本转向了函数组件,但是 Form getFieldDecorator 传入函数组件控制台会出现错误提示。假如我们定义如下的组件:import React, { useRef } from "react";import { Form, Input } from 'antd';const TextInput = () => { return <原创 2020-12-23 14:55:46 · 2181 阅读 · 0 评论 -
Modal.success 中 hook 无法实时更新问题
Modal.success 中 hook 无法实时更新问题最近同事问了我一个问题,为啥 Modal.success 中的 hook 无法实时更新,代码如下import React, { useState } from "react"import { Modal, Button } from 'antd'function App() { const [num, setNum] = useState(0) const success = () => { set原创 2020-12-02 18:09:53 · 1823 阅读 · 0 评论 -
antd3和4的form对比
首先回顾一下antd3的用法import React from "react";import { Form, Input, Button } from "antd";const Demo = ({ form }) => { const { getFieldDecorator, validateFields } = form; const handleSubmit = e => { e.preventDefault(); validateFields((err, v原创 2020-06-01 10:25:52 · 4480 阅读 · 0 评论 -
antd 中 Tooltip 和 Popover 组件传图错位
antd 中 Tooltip 和 Popover 组件传图错位最近遇到一个需求,当鼠标 hover 一个 icon 的时候展示一张图片,因为项目时基于 antd 进行开发的立马想到了 Popover 组件,写下了如如下代码:<Popover content={<img src="https://wtniu.xyz/res/pic.png" alt="" />}>...原创 2020-01-10 16:27:12 · 4340 阅读 · 3 评论