react useEffect 在组件挂载时运行了两次
在开发环境下，如果开启严格模式，React 会在实际运行 setup 之前额外运行一次 setup 和 cleanup。这是一个压力测试，用于验证 Effect 的逻辑是否正确实现。如果出现可见问题，则 cleanup 函数缺少某些逻辑。cleanup 函数应该停止或撤消 setup 函数所做的任何操作。一般来说，用户不应该能够区分 setup 被调用一次（如在生产环境中）和调用 setup → cleanup → setup 序列（如在开发环境中）。
2024-03-26 1350 0
如何在传统MVC网站使用react
在传统的 MVC 网站中使用 React 有两种主要方法：嵌入 React 组件：在 MVC 视图中嵌入 React 组件。使用 React 作为 MVC 的视图层：将 React 作为 MVC 的视图层，完全替代传统的 MVC 视图。嵌入 React 组件是最简单的方法，也是最常用的方法。这种方法不会影响 MVC 的结构，可以保留现有 MVC 代码。
2023-12-17 1642 0
react绑定多选checkbox的值
在 React 中，要绑定多选 checkbox 的值，你可以使用一个状态来追踪选择的值。通常，你会使用数组来存储选中的复选框的值。以下是一个基本的示例。
2023-11-11 1798 0
react修改useState对象属性页面不重新渲染
如果在 React 中修改了 useState 返回的对象的属性，但是页面没有重新渲染，有几个可能的原因：浅比较问题： React 中的状态更新是基于浅比较的。如果修改对象属性时，返回的对象引用没有发生变化，React 可能会认为状态没有发生变化，从而不会触发重新渲染。
2023-11-10 2029 0
react-sortablejs拖拽排序库用法示例
react-sortablejs 是一个用于实现可拖拽排序功能的 React 组件库。它是基于 SortableJS 库的封装，SortableJS 是一个支持拖拽和排序的 JavaScript 库。使用 react-sortablejs 可以轻松地在 React 应用程序中实现可拖拽的列表、表格或其他元素的排序功能。
2023-11-09 3504 0
react拖拽库有哪些？
如果需要支持各种拖拽场景，可以选择 React DnD 或 react-beautiful-dnd。如果只需要支持基本的拖拽场景，可以选择 Dnd-kit 或 react-sortablejs。在选择拖拽库时，可以根据自己的需求和喜好进行选择。
2023-11-08 2581 0
react miragejs用法示例
react-miragejs 是一个用于在开发阶段模拟后端 API 的库，它可以让你在没有实际后端服务器的情况下开发和测试前端应用程序。它与 React 配合使用，提供了一个轻量级的、基于浏览器的虚拟 API 服务器。
2023-11-08 1735 0
react-beautiful-dnd Invariant failed: Cannot find droppable entry with id
使用react-beautiful-dnd做拖拽效果，但是根据示例代码运行后，指点拖动元素就会报错：Uncaught runtime errors:ERROR Invariant failed: Cannot find droppable entry with id [droppable]。
2023-11-08 2848 0
react安装和使用Material-UI
目前React官网已经推荐使用Next.js框架。Next.js 是一个全栈式的 React 框架。要在 React 中使用 Material-UI ，需要先安装它。可以使用 npm 或 yarn 来安装 Material-UI。
2023-11-04 2295 0
React 与 Next.js 的关系解析：构建高性能 Web 应用的最佳组合
React 和 Next.js 是两个不同的 JavaScript 框架，但它们可以一起使用来构建复杂的 Web 应用程序。React 和 Next.js 是两个互补的 JavaScript 框架。它们可以一起使用来构建复杂、高性能的 Web 应用程序。
2023-11-04 1692 0
前端学react还是vue？
React 和 Vue 是两个最受欢迎的前端 JavaScript 框架之一，它们都可以用于构建交互性强、单页应用（SPA）等现代Web应用程序。前端学react还是vue？这取决于您的个人需求和偏好。
2023-10-15 1852 0
react获取url参数不区分大小写
在React中，获取URL参数可以使用window.location.search属性来获取查询字符串，然后使用JavaScript的方法来解析它。要实现不区分大小写的参数获取，你可以先将查询字符串转换为小写，然后再进行匹配。
2023-09-29 1504 0
react mock settimeout
在 React 测试中，你可以使用 Jest 和测试工具库（如 React Testing Library）来模拟 setTimeout 函数的行为。以下是一个示例。
2023-09-21 1481 0
typescript react最佳实践
一些在 TypeScript 与 React 结合使用时的最佳实践，根据具体项目的需求和团队的规范，可以进一步进行定制和优化。同时，也建议遵循良好的编码风格和文档规范，以便于团队成员之间的协作和代码维护。
2023-09-19 1504 0
react获取url参数 忽略参数名大小写
要在 React 中获取 URL 参数并忽略参数名的大小写，你可以使用 JavaScript 的 URLSearchParams 对象来处理 URL 查询参数。这将允许你在参数名上执行不区分大小写的比较。
2023-08-31 1739 0
react基础面试问题
React Hooks是从函数组件中提取状态逻辑的方法，包括useState、useEffect等。这些问题涵盖了React的基础概念，对于面试React开发职位的候选人来说，掌握这些基础知识是很重要的。当然，面试的深度和难度可能因公司和职位不同而有所不同。
2023-08-31 1479 0
react单元测试模拟点击浏览器返回按钮时触发popstate事件
要在React单元测试中模拟点击浏览器返回按钮时触发popstate事件，你可以使用jsdom库来模拟浏览器环境。以下是一个示例，展示如何在测试中模拟点击浏览器返回按钮并触发popstate事件。
2023-08-23 1757 0
react前端基础面试题和答案
当面试React前端开发岗位时，以下是一些基础面试题及其可能的答案示例。什么是React？React的特点和优势是什么？什么是虚拟DOM（Virtual DOM）？为什么使用它？
2023-08-21 1909 0
react监听路由变化
在React中，你可以使用React Router来处理路由，同时你可以通过监听路由变化来执行特定的操作。React Router提供了一个 useEffect 钩子，可以用来监听路由的变化。
2023-08-12 4196 0
react hooks获取url参数
在 React 中使用 Hooks 来获取 URL 参数可以通过使用 React Router 库来实现。React Router 是一个流行的用于处理路由的库，它允许你在应用中管理不同的页面和路由。
2023-08-10 2460 0
