随笔分类 - react全家桶
react全家桶
摘要：今天遇到个小坑，react+Typescript下的定时器也是有很大学问的，遇到问题就及时记录下来分享一波 一堆报错： 查证定时器算是什么类型，简单在浏览器控制台打印得知 setInterval 类型定义为 number 改完后还是报错：有点纳闷怎么 setInterval方法 类型是 “Timeo
阅读全文
摘要：非控组件: Input、textarea等普通元素默认是非受控组件（输入框内部的值是用户控制和React无关） // 这种简单的input就是非控组件 <input type="text"/> 受控组件: 受控组件就是可以被 react 状态控制的组件 Input、textarea等普通元素通常on
阅读全文
摘要：Clock子组件初始化触发的钩子： Clock子组件自己更新内部state触发的钩子： app父组件更新传入Clock子组件的数据触发的钩子： app父组件删除Clock子组件触发的钩子： 父组件App.tsx： import React, {useState} from 'react'; impo
阅读全文
摘要：方法一： 从右到左，一级一级抛出 方法二： (1)router文件夹asyncComponent.jsx创建文件 (2)填写内容 (3)router文件夹的index文件引入asyncComponent.jsx asyncComponent.jsx文件内容（JS版）： import React, {
阅读全文
摘要：编辑器没有任何报错 但启动项目的时候却报错了 问题原因： @types/react-router-dom 只是typescript的声明文件而已 还是要安装 react-router-dom 核心代码 解决办法就是安装路由核心代码： npm install react-router-dom --sa
阅读全文
摘要：执行创建react ts项目命令： create-react-app demo2 --template typescript 初始化完项目后，打开项目看到 tsconfig.json 报错 问题来了，就算我把 "react-jsx" 改成 "react" ， 只要一执行命令 "npm run sta
阅读全文
摘要：TS文件里hook的useState怎么设置格式 const [name, setName] = useState<String>("tom"); // 字符串 const [age, setAge] = useState<Number>(18); // 数字 const [sex, setSex]
阅读全文
摘要：如题基于EUI封装个《消息通知》组件 需求，一次调用全项目能用如果按原来的EUI组件， 每个页面想调用消息通知组件EuiGlobalToastList就得调用DOM跟方法， 比较麻烦现在需要封装成一句话调用马上能用比如： message.success("操作成功", 2000, "内容文字");
阅读全文
摘要：忙里偷闲，先记下来写个大概，反正就是把代码复制跑一遍就知道怎么用了 父级代码： import React, { useRef } from 'react'; import HelloWorld2 from '@/components/HelloWorld/HelloWorld2'; const Te
阅读全文
