C03

可重排列表

预览

点击「运行」在隔离沙箱中预览

任务说明

React 沙箱

修复备注与课程条目的对应关系：每行可输入备注，也能点「上移·课程名」把该行上移。编辑某行备注后再移动顺序，备注必须继续跟着原来的课程走，而不是留在原来的位置上（起始代码里有一个状态错位缺陷）。

要求

使用题目提供的 ITEMS 数据渲染三行：课程名、「（备注：x）」文本、placeholder 为「备注-课程名」的输入框、按钮文案为「上移·课程名」的上移按钮
在某行输入备注后，该行文本立即显示「（备注：输入值）」
点击「上移·React 入门」后 React 入门排到 JS 基础前面
移动后「备注：重点」仍与 JS 基础在同一行，整页该文本恰好出现 1 次

分层提示

先自己试，再逐层展开。

参考答案

卡住时再看；查看操作会记录下来用于复盘。测试版本 1.0.0

Command Palette