Qoder 中 React 列表组件必需 data（非空数组，每项含唯一 id）和 itemRenderer（返回带 key 的 JSX）；推荐 keyField（指定 key 字段）、emptyPlaceholder（空数据占位）、className（容器样式类）。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在 Qoder 环境中创建 React 列表组件时，必须明确传入结构化数据与渲染逻辑所需的最小参数集，否则组件将无法正确映射、渲染或响应更新。
必需的数据源参数
列表组件必须接收一个数组类型的 【data】 参数，该数组每一项应为对象，且至少包含一个稳定唯一的标识字段（如 id、uuid 或业务主键）。若传入空数组、null、undefined 或非数组类型，.map() 调用会直接报错中断渲染。
示例合法输入：[{id: 1, title: "任务A"}, {id: 2, title: "任务B"}]。
必需的渲染配置参数
必须提供 【itemRenderer】 函数参数，用于定义单个列表项的 JSX 输出。该函数接收当前项（item）、索引（index）和原始数组（data）三个参数，返回一个带 key 的合法 React 元素。
不提供此参数时，组件内部无法生成可挂载的 DOM 结构，页面将空白且控制台抛出“missing renderer”类错误。
可选但强推荐的参数
方法一：传入 keyField 字符串参数（如 "id"），用于自动从每个 item 中提取 key 值。若未传，默认使用 item.id；若实际数据用 itemId 或 _key，不显式指定会导致 key 冲突或 undefined 错误。
方法二：传入 emptyPlaceholder JSX 元素，在 data 为空数组时渲染替代内容，避免列表区域完全塌陷。
方法三：传入 className 字符串，用于绑定外层容器样式类名，便于后续 CSS 定制。不传则容器无 class，样式覆盖困难。
