jsx代码注释格式规范最全总结

最新推荐文章于 2024-07-24 16:25:01 发布
最新推荐文章于 2024-07-24 16:25:01 发布
阅读量3.3k 收藏 3
点赞数 2
分类专栏： react jsx注释 jsx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37279880/article/details/105885633
版权
本文详细介绍了jsx代码注释的格式规范，包括标签内、标签外以及子组件标签上的注释方法，并通过具体代码示例进行说明，强调了标签内注释应放置在大括号{}内的规则。
摘要由CSDN通过智能技术生成

本文讲述了jsx代码注释的格式规范：

主要内容包括标签内注释、标签外注释、子组件标签上的注释

文件目录如下：

index.html、index.js、Comments.js、ChildComponent.js的代码如下：

index.html：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <link rel="apple-touch-icon" href="logo192.png" /
最低0.47元/天 解锁文章
Easy_Lee_willpower
关注
专栏目录
React框架基础教程（个人总结）
04-28
例如，通过babel-loader可以将ES6及 JSX代码转换为浏览器兼容的代码。 6. **与Vue和Angular的对比**: Vue.js和Angular.js是另外两个主流的前端框架，与React相比，在组件化、开发团队支持、社区活跃度、移动App...
react16 ：jsx中如何写注释
richest_qi的博客
04-06 487
jsx中如何写注释？{/*这里写注释*/} 或者 { // 这里写注释}，如下。
react学习 ---第三天
weixin_56663198的博客
01-10 1061
1 认识JSX语法 2 JSX的基本使用 3 JSX的事件绑定 4 JSX的条件渲染 5 JSX的列表渲染 6 JSX的原理和本质
【React】JSX：从基础语法到高级用法的深入解析
最新发布
lph159的博客
07-24 1181
JSX（JavaScript XML）是一种语法扩展，它让我们可以在 JavaScript 中编写类似 HTML 的代码。它与 JavaScript 紧密结合，并在编译时被转换为 JavaScript 对象。
P11:JSX代码注释、HTML添加class、JSX中解析html、JSX中label激活文本框
wgchen
12-09 1756
React16 基础阐述JSX代码注释JSX中的class陷阱JSX中的html解析问题JSX中 `` 标签的坑 阐述 通过之前的教程作完“大宝剑”菜单后，如果你跟着我做出来了，说明你的React已经入门了。 也是一个好的开始，接下来的路虽然还很长，但会平坦的多。本文就讲一下JSX语法中需要注意的几个小坑。 JSX代码注释 JSX中的代码注释是非常有讲究的，这个书上介绍的也非常少，所以在这里讲一下，因为我在初学React在这里踩过坑。 我第一次写JSX注释，是直接这样写的，当然这样写是完全不对的。 <
jsx中的注释的写法
Frank---7的博客
05-08 459
{}表示里面要写js语句 js语句里面的注释为/**/
JSX | TSX 教程
青蛙king的博客
05-25 8570
如果你需要将大量 HTML 代码移植到 JSX 语法，可以使用一款在线的免费的代码转换器工具。
vim-jsdoc：将JSDoc生成为您JavaScript代码
02-02
JSDoc是一种规范，用于在JavaScript源代码中添加注释，这些注释可以自动生成文档，帮助开发者理解和维护代码。通过`vim-jsdoc`，在Vim编辑器中编写JSDoc变得更加高效和便捷。 ### JSDoc简介 JSDoc是一种文档生成...
【JavaScript源代码】vscode使用Prettier Code插件的详细教程.docx
12-30
总结起来，Prettier Code插件是VSCode中实现代码自动格式化的重要工具，通过合理的配置，可以极大地提高开发效率和代码质量。正确安装和设置Prettier，可以让你的JavaScript项目更易于阅读和维护，进一步提升团队的...
nvim-ts-context-commentstring：Neovim的treesitter插件，用于基于文件中的光标位置设置注释字符串
02-25
nvim-ts-context-commentstring的工作原理是，当用户在代码文件中移动光标时，插件会实时分析光标所在位置的上下文，确定最合适的注释格式。例如，在Python文件中，如果光标位于函数定义内，它将生成`def`注释样式；...
【学习笔记】JSX语法（.tsx） - 一个 JavaScript 的语法扩展
shawxlee的CSDN博客
03-26 1177
JSX 是 JavaScript 语法扩展，可以让你在 JavaScript 文件中书写类似 HTML 的标签。
如何在JSX代码里编写注释（React）
weixin_43694465的博客
05-11 820
格式 { /*注释内容*/ } 案例
react（15）——jsx里面怎么写注释
木子 旭的博客
01-20 1207
jsx中可以通过{/*注释内容*/}的方式写注释 <script type="text/babel"> const VDOM = <div>jsx里面怎么写注释{/*这样写注释*/}</div> ReactDOM.render(VDOM,document.getElementById('test')) </script>
vue3.0常用eslint配置详解 .eslintrc.js
关注最新技术问题并持续维护更新
10-28 7276
规则值 " off " 或者 0，关闭 " warn " 或者 1，警告 " error " 或者 2，报错 .eslintrc.js配置 module.exports = { root: true, // 此项是用来告诉eslint找当前配置文件不能往父级查找 env: { // 预定义的全局变量，这里是浏览器环境 amd: true, es6: true, commonjs: true, node: true, jquery: true, br
vscode关于前端的一些好用的快捷键和写法
qq_44850230的博客
04-26 492
vscode快捷键和js的一些写法
vscode 自定义注释
糜家智の博客
04-19 1651
vscode 自定义注释
React中jsx代码格式化插件
08-25
在React中，可以使用名为"esbenp.prettier-vscode"的插件来格式化JSX代码。你可以在Visual Studio Code的设置文件settings.json中进行配置。具体配置方法是，在"javascriptreact"这个字段下添加以下内容： "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnSave": true 这样，当你保存.jsx文件时，代码会自动进行格式化。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vscode react 代码格式化](https://blog.csdn.net/xigua3188/article/details/124248182)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [html-to-jsx:将HTML代码转换为React JSX](https://download.csdn.net/download/weixin_42150745/18856488)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [react .jsx文件无法格式化](https://blog.csdn.net/qq_48557089/article/details/122114254)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值