React在页面上加注释的方法

已于 2022-10-14 09:23:40 修改
阅读量376 收藏
点赞数 1
文章标签： react.js javascript 前端
于 2022-10-05 15:24:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45966674/article/details/127173020
版权

我们在写react的过程中 如果想在界面上写点注释
按照大家写html的习惯 就会直接

<!--  -->

但react显然不吃这一套
在这里插入图片描述

因为他那并不是html 而是jsx
我们可以这样写

{/*这是一行注释*/}

在外面套上大括号就是告诉它 我们要在这里写jsx的语法了
在这里插入图片描述

瑞晟技术服务中心-耿瑞
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React官网经典代码【计时器】的详解注释
浮点型队友
04-05 745
先看 React 官网代码： class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } componentDidMount() { this.timerID = setInterval( () => this.tick(), 1000 ); } component
React注释
热门推荐
蚁人的博客
10-13 1万+
React中的注释： 单行注释-- {/* 注释内容 */} 多行注释-- /* 注释1 注释2  */ 切记不能用
react代码怎么注释
最新发布
m0_57236802的博客
01-13 674
在 React 中，您可以使用不同的注释语法，具体取决于您是在 JSX 部分还是在 JavaScript 表达式中添加注释。
React中添加注释
weixin_30408309的博客
05-06 442
React中的注释，其实确切来讲是jsx中的注释： {/*单行注释*/} {/* 多 行 注 释 */} 转载于:https://www.cnblogs.com/wsg25/p/10818246.html...
于 React 的图像和视频注释工具_JavaScript_代码_下载
06-14
在本文中，我们将深入探讨如何使用React开发一个图像和视频注释工具，这将涉及到JavaScript技术的运用。React，作为Facebook推出的一个用于构建用户界面的JavaScript库，以其组件化、可复用性强的特点，成为了现代...
react-tater：React组件，用于向页面上的任何元素添加注释:potato:
02-04
一个React组件，用于向页面上的任何元素添加注释 安装 yarn add react-tater 用法 import React from ' react ' ; import Tater from ' react-tater ' ; import YourElement from ' ./your-element ' ; const ...
react-根据代码结构和注释生成react组件文档基于reactstyleguide
08-14
在你的React组件文件中，添加如下的注释： ```jsx /** * @component MyComponent * @description 这是一个描述你的组件用途的句子。 * * @prop {string} [name='John'] - 名称，可选参数。 * @prop {number} ...
react-core:react react-dom原始解析注释-源码解析
03-24
`ReactDOM`则包含了与实际DOM交互的方法，如`render`函数，将React组件渲染到HTML页面上。 1. **生命周期方法**：React组件有多个生命周期方法，如`constructor`、`componentDidMount`、`shouldComponentUpdate`、`...
react-htmltoreactcomponents提取HTML的注释部分至React组件作为单独的模块
08-15
这个库使得将静态HTML页面转换为可维护的、组件化的React应用变得更为便捷。 首先，让我们深入了解一下这个库的工作原理。当我们在HTML中使用特定格式的注释，如： ```html <!-- component-name --> <!-- some ...
react-pdf-highlighter:用于PDF批注的React组件集
04-28
:hot_beverage: react-pdf-highlighter react-pdf-highlighter是一个库，可为Web上的PDF文档提供批注体验。 它建立在Mozilla的PDF.js之上。 支持文本和矩形突出显示。 高光数据格式独立于视口，使其适合保存在服务器上。 示例（创建React App） 有关在线示例，请查看 。 要在本地运行示例应用程序： npm install npm start 在撰写文档时，请随时检查带有Flow类型签名的注释源。 安装 npm install react-pdf-highlighter 有关React组件API的示例，请参见 现有技术 和仅提供PDF.js的React包装器，没有内置的注释功能。 不提供文本突出显示框。 PDF.js仅提供查看器： 也可以看看： https://github.com/wojtekmaj/react-pd
[react] 在JSX中如何写注释？
歌谣的博客
11-19 259
[react] 在JSX中如何写注释？ {/* A JSX comment */} 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题
前端React注释方法
Li_suhuan的博客
03-14 4840
1. jsx注释 使用react在jsx里加注释时，应使用大括号包裹注释行，例如： var content = ( &lt;Nav&gt; {/* child comment, put {} around ,使用大括号包裹标签内的注释行*/} &lt;Person /* multi line comme...
react注释_React的不同注释语法
weixin_26750481的博客
09-11 1443
react注释Recently I tried to comment a line in my ReactNative application, and the comment broke it. I was confused because I used the Mac shortcut for commenting a line cmd + /, so I assumed VS Code wo...
react html 注释,如何在React中呈现HTML注释？
weixin_34157892的博客
06-21 555
您计划这样做的方式不适用于简单的香草React解决方案 . 但是，您可以定义一个自定义Web组件，该组件可转换为HTML注释并从React包装器中返回 . 实现了一个示例组件here . 有关在React中的用法，请参阅this url .2017年1月19日更新所以这是未经测试的理论，但网络组件可能是这样的 -```xml/*** Web Component** @usage* Hello ...
React中几种注释的方法
ailan9080的博客
09-28 2371
var content = ( <Nav> {/* 一般注释, 用 {} 包围 */} <Person /* 多 行 注释 */ name={window.isLoggedIn ? window.name : ''} // 行尾注释 /...
React学习笔记,文档中的大部分代码都有注释
beyond丿灬的博客
10-18 1305
React主要用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。 1.使用(以下源码如果复制使用请去掉注释) 导入三个js库&lt;script src="../js/react.development.js"&gt;&lt;/script&gt;&lt;script src="....
React基础:样式 、 注释、 组件
weixin_41897680的博客
07-25 1003
样式 React 推荐使用内联样式。我们可以使用 camelCase 语法来设置内联样式. React 会在指定元素数字后自动添加 px 。 实例: <div id="example"></div> <script type="text/babel"> var style1={ background : 'red', fontSize:30 } ReactDOM.render( <h1 style={style1}&gt
React中JSX注释问题
wuqingdeqing的博客
01-03 779
今日在前端npm run build时，总是报错，查知注释写法有误。 发现开始以为是跟js一样的&lt;!-- --&gt;，后发现这样会报错。 正确写法应为 若注释在标签外部，则与js相同。 若注释在标签内部，则应在外层加上{}...
React-Native开发规范详解
在React-Native开发中，遵循一套良好的编码规范和实践至关重要，这有助于提高代码质量，降低维护成本，并确保团队间的协作更加顺畅。以下是根据提供的部分内容概述的React-Native开发规范的关键点： ### 一、编程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值