在 React 中，JSX 语法里添加注释的常见方式有哪些？请说明具体写法。

回答思路

1. 【回答框架 1】JSX 本质是 JavaScript 的语法扩展，最终会被转译为 React.createElement 调用，因此其内部语法必须遵循 JavaScript 表达式规则。注释作为语句，不能直接出现在 JSX 的标签内部或属性位置。
2. 【回答框架 2】在 JSX 的标签内部（即标签之间的子节点位置）写注释时，必须使用 JavaScript 块级注释的语法，并用花括号包裹，形式为 {/* 注释内容 */}。花括号内是 JavaScript 表达式上下文，这样注释才能被正确解析。
3. 【回答框架 3】在 JSX 标签的属性位置，不能使用任何形式的注释，因为属性值必须是合法表达式或字符串。若需解释属性，应在 JSX 外部或使用花括号包裹的表达式内注释。
4. 【回答框架 4】在 JSX 表达式内部（如花括号内的 JavaScript 代码），可以使用标准的 JavaScript 单行注释（//）和多行注释（/* */），但需要注意不能破坏 JSX 的结构闭合。
5. 【回答框架 5】对于多行注释，推荐使用 {/* ... */} 的形式，并在注释内容前后保留空格或换行，避免与花括号混淆，同时保证可读性。
6. 【关键点 1】JSX 子节点位置的注释必须写成 {/* 注释 */} 形式。
7. 【关键点 2】属性位置不适用注释，注释应放在 JSX 外部或表达式内。
8. 【关键点 3】JSX 内的表达式区域遵循 JavaScript 注释规则，可用 // 或 /* */。
9. 【易错点 1】不能使用 HTML 的注释语法 <!-- -->，JSX 不识别且会导致错误。
10. 【易错点 2】在花括号内使用单行注释时，若注释后紧跟换行，可能影响 JSX 结构解析，需谨慎。
11. 【易错点 3】不要在标签的尖括号内或属性值中使用注释，会引发语法错误。