一、ReAct Agent是啥？为什么说它比「普通AI」聪明？ 想象一下，你让ChatGPT查快递物流，它可能直接编个假单号糊弄你。但换成ReAct Agent，它会先推理（Reasoning）需要调用哪个接口，再行动（Action）查询真实数据——这就是ReAct的核心：让AI学会「动脑子」再动手。 举个真实案例（参考官方代码改的）： from langchain.agents import Tool,...

如何避免内存泄漏，尤其是在React中？ 文章目录 如何避免内存泄漏，尤其是在React中？1. 引言2. 内存泄漏的常见原因2.1 异步任务未取消2.2 非取消的回调或订阅 3. 避免内存泄漏的策略3.1 正确使用React生命周期钩子（或Hooks清理函数）3.2 取消异步请求3.3 管理订阅与事件监听 4. 内存泄漏调试技巧5. 总结 1. 引言 内存泄漏是指程序中分配的内存未能正确释放，导致内存占...

atePortal 注意这是一个API，不是组件，他的作用是：将一个组件渲染到DOM的任意位置，跟Vue的Teleport组件类似。 用法 import { createPortal } from 'react-dom'; const App = () => { return createPortal(<div>小满zs</div>, document.body);}; export default Ap...

port default AsyncComponent src/App.tsx 使用lazy进行异步加载组件，使用Suspense包裹异步组件，fallback指定加载过程中的占位组件 import React, { useRef, useState, Suspense,lazy } from 'react';const AsyncComponent = lazy(() => import('./comp...

和 待办事项（Todo） 模块，并学习 Redux 的核心 API，如 createSlice、configureStore、useSelector 和 useDispatch。 2. 依赖安装 在 React 项目中安装 Redux Toolkit 和 React-Redux： npm install @reduxjs/toolkit react-redux 如果使用 TypeScript，还需安装类型支...

React 受控组件理解和应用 React 受控组件 受控组件一般是指表单元素，表单的数据由React的 State 管理，更新数据时，需要手动调用setState()方法，更新数据。因为React没有类似于Vue的v-model，所以需要自己实现绑定事件。 那为什么需要使用受控组件呢？ 使用受控组件可以确保表单数据与组件状态同步、便于集中管理和验证数据，同时提供灵活的事件处理机制以实现数据格式化和UI联...

1. 环境搭建 在开始使用 React Native 之前，需要搭建开发环境。以下是基本步骤： 安装 Node.js 和 npm Node.js 是 JavaScript 的运行环境，npm 是 Node.js 的包管理器。可以从 Node.js 官方网站 下载并安装适合你操作系统的版本。 安装 React Native CLI 使用 npm 全局安装 React Native CLI： npm inst...

React简介 A Brief Introduction to React By Jackson@ML 1. 关于React 访问官网链接：https://react.dev/，如下图。 React是用于跨多种平台构建用户界面的JavaScript库。React为您提供了一个强大的心理模型,并帮助您以声明性和组件驱动的方式构建用户界面。 您可能会接触到React，和Vue、Preact、Angular、E...

Callback useCallback 用于优化性能，返回一个记忆化的回调函数，可以减少不必要的重新渲染，也就是说它是用于缓存组件内的函数，避免函数的重复创建。 为什么需要useCallback 在React中，函数组件的重新渲染会导致组件内的函数被重新创建，这可能会导致性能问题。useCallback 通过缓存函数，可以减少不必要的重新渲染，提高性能。 用法 const memoizedCallback...

项目场景： 提示：背景：Modal加Form实现Form表单的实时数据更新 问题描述 提示：这里描述项目中遇到的问题： 使用的是React 中的useState 定义变量，问题是 这个hook是一个异步的方法需要搭配useEffect一起使用，但是From组件拿到是最新的选染的确认旧数据 解决方法 在Form表单组件中使用Form上自带的useForm（），用.setFieldsValue()方法处理一下...