react
文章平均质量分 66
东都花神
这个作者很懒,什么都没留下…
展开
-
useEffect 中为啥不能使用 async
当页面中使用 useEffect 的时候,会在初始化的时候执行 mountEffect 如下:useEffect: function(create, deps) { currentHookNameInDev = "useEffect"; mountHookTypesDev(); checkDepsAreArrayDev(deps); return mountEffect(create, deps);},执行 mountEffect 的时候执行 mountEffectImpl 如下:原创 2021-04-09 16:41:27 · 7300 阅读 · 4 评论 -
react 中如何修改 input 的 defaultValue
react 中如何修改 input 的 defaultValue在使用 react 进行开发时,我们一般使用类组件的 setState 或者 hooks 实现页面数据的实时更新,但在某些表单组件中,页面的数据却无法更新,令人苦恼,比如下面这个例子:import React, { useState } from "react";function Demo() { const [num, setNum] = useState(0); return ( <>原创 2020-12-28 16:10:20 · 5233 阅读 · 2 评论 -
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 · 1824 阅读 · 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 · 4481 阅读 · 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 评论