React论坛 今日: 0|主題: 520|排名: 78 

当我们使用React 18 版本构建项目时，通常我们运行项目的时候会在控制台看到这样的报错信息 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-t ...

   react 嵌入 iframe 主要是为了隔离富文本，避免跟宿主环境的样式、变量等造成污染。   情况1：后端返回一个完整的网页，前端直接 `<iframe src="$url"></iframe>` 就可以了。 情况2：后端返回内容不可控 (比如以下例子)。   用法： index.tsx: export default function Iframe () { const conten ...

环境搭建 我们当然可以先用脚手架搭建React项目，然后手动配置成支持TypeScript的环境，虽然比较麻烦，但可以让你更清楚整个过程。这里比较麻烦，就不演示了，直接用命令配置好。 npx create-react-app appname --typescript 可以安装一些自己需要的库及其声明文件，例如react-router-dom、axios、ant Design等。如果要安 ...

干货，无话   1、react-create-app，创建新react项目； 2、npm install react-amap，引入高德地图的封装； 3、编写组件index.js： import React from "react"; import ReactDOM from "react-dom"; import Map from "./Map3"; let mapData = { city: "北京", mapCenter:[116.418261, 39.921984], //城市定位 ...

react，前端三大框架之一，也是非常受开发者追捧的一门技术。而 typescript 是 javascript 的超集，主要特点是对 类型 的检查。二者的结合必然是趋势，不，已经是趋势了。react 文档、typescript 文档都看过，例子也敲过了，对此也都有了一定的理解，但是把二者很好的结合在一起，还是遇到了一些问题。纯粹记录一些，当然 ...

前言：不同分辨率的大屏适配这个是每个前端都会遇见的问题，以前也尝试过多种方案，今天就来分享一下我尝试过的方案跟我比较推荐的方案。 一、常见的大屏适配方案 1. 固定宽高 + scale 整体缩放 核心思想：把设计稿当作“画布”，用 CSS transform: scale() 对整张画布缩放，保证视觉一致性。 原理：根据屏幕尺寸与设计稿尺 ...

swagger外部文档 apiVersion: backstage.io/v1alpha1 kind: API metadata: name: petstore description: The Petstore API spec: type: openapi lifecycle: production owner: petstore@example.com definition: $text: https://petstore.swagger.io/v2/swagger.json 嵌入openapi文档 apiVersion: backsta ...

应该如何创建自己公司的backstage平台 1. 两种方式的本质区别 特性 npx @backstage/create-app 从 GitHub 下载源代码 产出物 一个完整的、可立即运行和开发的 Backstage 应用。 Backstage 项目框架本身的源代码，不是你应用的代码。 目的 创建你自己的、个性化的 Backstage 开发者门户。 这是官方推荐的、标准的启 ...

大家好，我是 Java陈序员。 在日常工作中，常常需要记录工作上的事项、学习笔记、突然的灵感等。但市面上多数笔记工具，要么是云端存储，要么功能臃肿，有的不适配技术笔记的排版需求，而且大部分无法自定义，满足不了个性化使用场景。 今天，给大家介绍一款开源的个人卡片式笔记工具，不仅支持私有化部署，而且集成 AI 功 ...

聊React之前，先说个事实：它不是最年轻的框架，也不是概念最创新的那个。但它赢了。 赢在生态，赢在社区，赢在"一旦用顺了就很难换"的惯性。本文不吹不黑，客观聊聊React的核心逻辑、实际现状，以及值不值得继续押注。 一、核心概念：理解React的设计哲学 Virtual DOM：快是表象，稳才是本质 Virtual DOM（虚拟DOM）被谈烂 ...

大家好，我是 Java陈序员。 在数字阅读成为常态的今天，我们却总被各种阅读痛点困扰：格式不兼容、跨设备同步难、外文书籍翻译繁琐、技术文档代码显示混乱……这些细碎的问题，一点点消磨着深度阅读的乐趣。 今天，给大家介绍一款开源免费的电子书阅读器，支持多平台使用！ 关注微信公众号：【Java陈序员】，获取开源项目 ...

大家好，我是 Java陈序员。 每天对着空空的电脑屏幕敲代码、处理工作，是不是总少了点治愈感？想不想让软萌的小动物、心仪的动漫角色悄悄“住进”你的屏幕，成为随时能看见的暖心搭子？ 今天，给大家推荐一款开源跨平台桌面宠物神器，帮助你拥有专属桌面宠物！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业 ...

基于 LLM + Next.js 的博弈实战猜拳游戏 摘要：当你以为自己在和随机数生成器玩游戏时，对面的 AI 正在阅读你所有的历史出拳记录，并写了一篇关于你心理状态的小作文。本文带你拆解这个基于 Next.js 16 + Tailwind v4 + LLM 的“过度设计”+“没啥技术含量”+”有那么点意思“项目。 👉 先给老板们体验:（具体规则有手就能 ...

背景 Agent Skill 是一个可复用的能力单元，通常包含明确的职责边界、触发条件、输入输出约定，且可能封装了提示词、工具调用逻辑、状态 处理和约束规则。在工程化 Agent 系统中，Skill 更接近“函数 / 用例 / 子代理”。相对于提示词（Prompt），提示词只是其中的一部分实现细节，而不是 Skill 本身。从抽象层级看，提示 ...

大家好，我是 Java陈序员。 在企业开发中，你是否有遇到过如下难题：管理 3 台服务器需要同时打开终端工具、文件传输软件和监控面板，切换窗口的时间比实际操作还多；出门在外想临时调整配置，手机上却找不到能流畅运行的 SSH 客户端；团队协作时，服务器连接信息在 Excel 和聊天记录里杂乱堆放，安全性无从谈起？ 今天，给 ...

发布时间： 2025年12月4日 关键词： React, CVE-2025-55182, 远程代码执行, CVSS 10.0 如果你是开发者，或者你的公司网站使用了 Next.js、React Router 等现代 React 框架，请立刻停下手中的工作读完这篇文章。 就在昨天（2025年12月3日），React 官方团队发布了一则紧急安全公告，披露了一个代号为 CVE-2025-55182 的严重 ...

在现代 React 组件开发中，优先想到 useState、useEffect、context、props drilling 这样的框架能力，而容易忽略： 浏览器原生 HTML 属性本身，就是一个强大而成熟的状态表达载体。 比如 data-* 为代表的自定义属性，在近几年被越来越多的专业组件库采用，如 Radix UI、Headless UI、Ark UI 等。 本文将从基础到深入，拆解 ...

前言 三年前，我们还在 Reddit 上吵得不可开交： “Redux 太啰嗦！” “Zustand 太黑盒！” “Jotai 会内存泄漏！” 今天，React 19 直接把“外挂仓库”拆成了无数颗微状态胶囊（Micro-State Capsules）——随用随取，随丢随灭。 状态不再集中，而是散落在组件树的最小粒度，靠框架自动合并、同步、持久化。 变化 场景 2 ...

组件化思想 组件 组件是构建 React 应用的独立、可复用的代码块。它接收输入（称为 props），并返回描述UI的 React 元素。 函数组件 vs 类组件 函数组件：一个接受输入，并输出JSX的函数。 类组件：使用class定义，并继承React.Component的类，必须包含一个render()方法。 为什么函数组件成为主流 1、代码简洁：函数组件 ...

学习 React 前，你必须掌握的 10 个 JavaScript 核心概念 如果你正计划入门 React.js，先稍等一下 —— 问问自己：“我的 JavaScript 基础真的扎实吗？” React 并非写过几行 JS 就能直接上手的框架。它要求你清楚 JavaScript 的底层工作原理，尤其是那些看似简单、却支撑着整个 React 生态的核心概念。 下面就为大家详细拆 ...