ice_cream__的博客

为啥不直接用组件呢？主要是因为作为老项目，已经引入了antd-mobile@2.3.4，同时引入v5版本会有兼容性问题。

如果tabList、swiperList有变更，会导致重复创建实例。来更新实例，目前还未使用过该方法。

已知在组件卸载时会执行return函数，其实在依赖项变更时也会执行。

在 React 中，state 更新是排队进行的。在这个示例中会导致问题，因为 setTodos 不会立即更新 DOM。因此，当你将列表滚动到最后一个元素时，尚未添加待办事项。这就是为什么滚动总是“落后”一项的原因。要解决此问题，你可以强制 React 同步更新（“刷新”）DOM。同时操作state和ref的情况还是有的，按我的原来的处理肯定是使用setTimeout了，看到官方有解决方案，摘录下来以便查看。

主要是umi项目的monorepo实践

选择项目类型选择创建工具选择源启用 Prettier（可选）启用Dva可选配置。

以前多数情况下，都是在父函数式组件中作为组件去调用，每次都需要定义visible状态并传入。

当我们需要一个 id 函数，函数的参数可以是任何值，返回值就是将参数原样返回，并且其只能接受一个参数，在 js 时代我们会很轻易地甩出一行。某些场景下我们在引入第三方的库时会发现想要使用的组件并没有导出我们需要的组件参数类型或者返回值类型，这时候我们可以通过。下面这个组件的 name 属性都是指定了传参格式，如果想不指定，而是想通过传入参数的类型去推导实际类型，这就要用到泛型。由于其可以接受任意值，也就是说我们的函数的入参和返回值都应该可以是任意类型，如果不使用泛型，我们只能重复的进行定义。

ESlint配置文件umi项目下配置：{ "extends": "eslint-config-umi", "rules": {// "react-hooks/exhaustive-deps": 0 注释这行即开启校验 }}1.warning React Hook useEffect has a missing dependency: ‘XXX’. Either include it or remove the dependency array问题代码块：const dis

首先要明确Input标签各种事件的执行顺序，对于点击事件，是按照mousedown -> mouseup -> click这个顺序走的，那么focus事件在哪一步处理的？直接上代码：<input onFocus={focusHandler} onClick={clickHandler} onMouseDown={mouseDownHandler} onMouseUp={mouseUpHandler}/>handlers:const focusHandler

实现效果特殊需求只需要展示星期一到星期五依赖组件moment.js完整代码主要是注意initDate()方法中的逻辑import React, {useState, useEffect} from 'react';import {Icon} from 'antd-mobile';import styles from './index.less';import moment from 'moment';import {useSelector} from "dva";m