随笔分类 - React
摘要：
问题报错：[React Intl] Missing message: "menu.home.workbench" for locale: "zh-CN", using default message as fallback. Error Component Stack 直翻：[RReact Intl
阅读全文
问题报错：[React Intl] Missing message: "menu.home.workbench" for locale: "zh-CN", using default message as fallback. Error Component Stack 直翻：[RReact Intl
阅读全文
摘要：
基础知识 React是什么？ React是一个用于构建用户界面的JavaScript库。 React和Angular、Vue有什么区别？ React专注于UI组件化，数据流动单向，需配合其他库（如Redux）进行状态管理；Angular是完整的前端框架，提供一站式解决方案；Vue则是轻量级框架，易于
阅读全文
基础知识 React是什么？ React是一个用于构建用户界面的JavaScript库。 React和Angular、Vue有什么区别？ React专注于UI组件化，数据流动单向，需配合其他库（如Redux）进行状态管理；Angular是完整的前端框架，提供一站式解决方案；Vue则是轻量级框架，易于
阅读全文
摘要：
开始和移动的下标： drop: (item: { index: number }) => { console.log("开始", item.index,"结束", index); moveRow(item.index, index); },
阅读全文
开始和移动的下标： drop: (item: { index: number }) => { console.log("开始", item.index,"结束", index); moveRow(item.index, index); },
阅读全文
摘要：
import React, { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; 在return里面写： const location = useLocation(); useEffect(() =>
阅读全文
import React, { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; 在return里面写： const location = useLocation(); useEffect(() =>
阅读全文
摘要：
react+antd业务代码报错： Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. T
阅读全文
react+antd业务代码报错： Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. T
阅读全文
摘要：
useEffect(() => { const handlePageBack = () => { // 此处写你想要触发的事件 }; // 监听浏览器的 popstate 事件，即页面返回事件 window.addEventListener('popstate', handlePageBack);
阅读全文
useEffect(() => { const handlePageBack = () => { // 此处写你想要触发的事件 }; // 监听浏览器的 popstate 事件，即页面返回事件 window.addEventListener('popstate', handlePageBack);
阅读全文
摘要：
今天晚上发现ts中无法用forEach遍历对象嵌套数组的数据，比如typeof arr 为 object，就只能用for in 或者Object.entries 再或者Object.keys。 我这里用的是for in： useEffect(() => { if (value) { const ar
阅读全文
今天晚上发现ts中无法用forEach遍历对象嵌套数组的数据，比如typeof arr 为 object，就只能用for in 或者Object.entries 再或者Object.keys。 我这里用的是for in： useEffect(() => { if (value) { const ar
阅读全文
摘要：
React报错： Too many re-renders. React limits the number of renders to prevent an infinite loop. 重新渲染过多。React限制渲染次数，以防止出现无限循环。 解决方案：查看你最近写的代码，比如我写了一个函数组件
阅读全文
React报错： Too many re-renders. React limits the number of renders to prevent an infinite loop. 重新渲染过多。React限制渲染次数，以防止出现无限循环。 解决方案：查看你最近写的代码，比如我写了一个函数组件
阅读全文
摘要：
业务：点击按钮增加数据并渲染出来。 框架：antd+ts+react。 原来写法： const [tagData, setTagData] = useState<Array<number>>([]); 点击事件： // 添加标签 const addTag = () => { let arr: (nu
阅读全文
业务：点击按钮增加数据并渲染出来。 框架：antd+ts+react。 原来写法： const [tagData, setTagData] = useState<Array<number>>([]); 点击事件： // 添加标签 const addTag = () => { let arr: (nu
阅读全文
摘要：前言：react+taro小程序项目报错。 原因：Invalid hook call.无效钩子的调用？——来自react官网的提示。 其实具体原因我也不知道，但是我重新装了一下依赖就可以了，原来用的是npm i，后来用yarn装了一下就可以了，那就当它是因为依赖没有装成功的原因吧。 解决方案：使用y
阅读全文
