
React-TS-Antd
he_wen_jian
这个作者很懒,什么都没留下…
展开
-
React-hooks React.memo 、 useMemo、 useCallback的使用区别
1:React.memo类似于PureComponent的作用,当父类传递的props发生变化时才会重新渲染import React, { useState } from 'react';import Child from '../Child';function Parent() { const [parentCount, setParentCount] = useState(0); console.log('父組件重新渲染--------------'); return (原创 2021-08-01 16:54:33 · 258 阅读 · 0 评论 -
老项目 yarn install 异常The engine “node“ is incompatible with this module. Expected version
解决方法yarn config set ignore-engines true原创 2021-03-18 11:28:33 · 1611 阅读 · 0 评论 -
4:React-hooks-ts-antd项目 阿里icon-font自定义图标库引用
1:安装插件:@ant-design/icons,从 4.0 开始,antd 不再内置 Icon 组件。yarn add @ant-design/icons --save2:阿里图标库:https://www.iconfont.cn,注册账号后进入“资源管理”,新建项目,把项目需要用到的图标(iconfont要求上传svg)。3:引入在线图标库或者图库地址import {createFromIconfontCN } from '@ant-design/icons';export原创 2021-02-21 13:19:04 · 749 阅读 · 0 评论 -
Zero:React-hooks-ts-antd项目-笔记
目录1:Form1:form.item 设置required:true 必填选项后,当内容未输入时提交出现异常:Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DomWrapper which is inside1:Form1:form.item 设置required:true 必填选项后,当内容未输入时提交出现异常:Warning: findDOMNode is原创 2021-02-20 12:21:05 · 160 阅读 · 0 评论 -
3:React-hooks-ts-antd项目-redux 全局Loading
1:安装相应插件yarn add redux --saveyarn add react-redux --saveyarn add @types/react-redux --save2:应用Redux,以全局Loading为例1:创建事件类型const actionTypes={ LOADING_VISIBLE:"LOADING_VISIBLE",}export {actionTypes};2:创建reducerimport {actLoadingTodo} fr原创 2021-02-19 11:41:24 · 503 阅读 · 0 评论 -
2:React-hooks-ts-antd项目antd增量加载以及自定义样式
1:使用croco管理antd主题配置yarn add @craco/cracoyarn add craco-less2:修改package.json文件"scripts": {- "start": "react-scripts start",- "build": "react-scripts build",- "test": "react-scripts test",+ "start": "craco start",+ "build": "craco .原创 2021-02-05 09:56:33 · 422 阅读 · 2 评论 -
1:React-hooks-ts-antd项目初始化
1:全局添加create-react-app控件yarn global add create-react-app2:使用create-react-app创建TS项目 yarn create react-app my-app --typescriptyarn add typescript @types/node @types/react @types/react-dom @types/jest将任何文件重命名为 TypeScript 文件(例如src/index.js重命名为s...原创 2021-02-05 09:47:11 · 388 阅读 · 0 评论