用途:在编写 JSX/TSX、渲染列表、实现条件渲染或用 TypeScript 泛型标注组件时提供规范参考,避免常见错误。
主要能力:说明 JSX 编译机制(React 17+ 新转换下无需为 JSX 导入 React);列出 JSX 三条规则(单一根元素、闭合所有标签、属性用 camelCase,aria-* 与 data-* 保留连字符);给出 HTML 到 JSX 的属性映射(class→className、for→htmlFor、tabindex→tabIndex、readonly→readOnly、maxlength→maxLength);强调关键警告:不要用 0 && 渲染(应写成 count > 0 &&)、列表不要用数组索引作 key、不要在渲染中生成 key、自定义组件用 PascalCase;介绍花括号表达式、字符串字面量与表达式区别、条件渲染模式(提前 return、三元、&&、变量赋值、return null)、列表与 key 规则、Fragment(需要 key 时用 <Fragment key={...}>)、TypeScript 组件签名(推荐直接标注 props,避免 React.FC)、PropsWithChildren、泛型组件、展开属性与覆盖顺序、布尔属性。
使用方式:作为编写 React 组件时的参考规范,按需查阅对应章节;资料未提供安装命令或调用方式。
适用场景:React 18/19 项目的 JSX/TSX 开发与代码审查。
限制:内容为语法与模式指导,未提供具体工具安装、收费或平台信息;示例中的类型标注与写法需结合项目实际配置使用。