摘要: export default function Button() { function handleClick() { alert('你点击了我!'); } return ( <button onClick={handleClick}> 点我 </button> ); } 按照惯例,通常将事件处理程 阅读全文
posted @ 2024-10-12 15:18 炽橙子 阅读(4) 评论(0) 推荐(0) 编辑
摘要: `useQuery` 是 `react-query` 库中的一个核心钩子(Hook),它用于从异步数据源(如 API 服务器)获取数据,并在 React 组件中管理这些数据的状态。`useQuery` 不仅提供了数据获取的功能,还内置了数据缓存、状态更新、错误处理和数据刷新等功能。这使得开发者能够更 阅读全文
posted @ 2024-10-12 11:40 炽橙子 阅读(48) 评论(0) 推荐(0) 编辑
摘要: JavaScript中的变量提升(hoisting)是指在代码执行之前,变量和函数的声明会被提升到作用域的顶部。这意味着你可以在声明之前使用变量和函数,而不会引发错误。 变量提升的规则如下: 变量声明(使用var关键字)会被提升到其所在作用域的顶部,并初始化为undefined。 函数声明会被提升到 阅读全文
posted @ 2024-09-12 14:22 炽橙子 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 如果你在 React 函数组件中定义一个函数,并且这个函数使用了 React 的 Hook(如 useState、useEffect 等),那么这个函数就是一个 Hook 函数。 普通函数可以在任何地方定义和使用,而 Hook 函数只能在 React 函数组件中使用。 使用 Hook 的函数必须以  阅读全文
posted @ 2024-09-10 18:17 炽橙子 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 报错:The 'getMergeMap' function makes the dependencies of useCallback Hook (at line 192) change on every render. Move it inside the useCallback callback 阅读全文
posted @ 2024-09-09 17:29 炽橙子 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 按钮点击无效 pointer-events: none; 是一种 CSS 样式规则,用于指定元素在用户与之交互时的行为。当应用了 pointer-events: none; 样式时,元素将不再响应鼠标事件(如点击、悬停等),即使用户点击该元素上的内容,也不会触发任何与该元素相关的事件。 主要作用: 阅读全文
posted @ 2024-09-09 15:35 炽橙子 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 在 React 中,useMemo 应该用于缓存计算结果,而不是执行副作用操作。当你在 useMemo 内部更新 state 时,可能会导致循环依赖或不稳定的渲染行为。 当你在 useMemo 内部更新 state 时,这意味着每次组件重新渲染时,useMemo 返回的值都会发生变化,从而触发重新渲 阅读全文
posted @ 2024-09-09 10:00 炽橙子 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 您可以通过 npm 命令来查看 eslint-plugin-prettier 的所有可用版本。在命令行中运行以下命令: npm show eslint-plugin-prettier versions 这将列出 eslint-plugin-prettier 所有可用的版本号。您也可以使用 yarn: 阅读全文
posted @ 2024-09-06 10:49 炽橙子 阅读(136) 评论(0) 推荐(0) 编辑
摘要: export function userPrizeListDownload( params: Partial<UserPrizeList>, ) { return requestLotteryApi(`/xxx/download`, { params, responseType: 'arrayBuf 阅读全文
posted @ 2024-06-24 16:16 炽橙子 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2024-06-06 22:49 炽橙子 阅读(19) 评论(0) 推荐(0) 编辑