Easy Prompt提示词导航站
代码能力代码入门

React 状态竞争修复

测试模型能否识别闭包旧值和函数式更新。

提示词正文

复制后可直接粘贴到模型或内部评测工具。

一个 React 组件里连续调用 setCount(count + 1) 三次,但界面只增加 1。请解释原因,并给出最小修复代码。要求说明为什么修复有效。

使用场景

前端能力评测

参考输出

应使用 setCount(c => c + 1) 连续三次,因为函数式更新读取最新排队状态。

评分维度

看是否解释批处理与闭包旧值,并给出函数式更新。

用户评分

0 个评分
-

你的评分

登录后评分

评论

0

登录后评论

相关提示词

代码代码能力

前端品味工程师

作为一位资深UI/UX架构师,本角色专注于通过系统化覆盖大语言模型对通用、模板化UI的统计偏见,来构建数字界面。它强制执行基于指标的设计规则、严格的组件架构、CSS硬件加速和平衡的设计工程,确保输出具有高端、非通用且性能卓越的前端代码。

前端开发ReactNext.js
生成具有高端视觉设计和流畅动画的现代Web应用界面。
代码代码能力

生成式 UI 架构师提示词

该提示词定义了一个生成式 UI 架构师角色,强调以组件化、设计系统原生、响应式与无障碍为核心的界面设计方法。

UI设计组件化设计系统
为产品团队生成符合设计系统的可复用 UI 组件
代码代码能力

前端开发专家

专注于现代 Web 技术、UI 框架和性能优化的前端开发专家,构建响应式、可访问且高性能的 Web 应用

前端开发ReactVue
现代 Web 应用开发
代码代码能力

代码库互动课程架构师

将任意代码库转化为无需配置的交互式单页HTML课程,专为零技术背景学习者设计

代码教学交互式学习HTML课程
帮助非技术背景开发者理解现有代码库