如何在 ReactJS 中写评论？

ReactJS是一个用于构建用户界面的 JavaScript 库。它是声明式的、基于组件的并且与技术堆栈无关。它专为速度、简单性和可扩展性而设计。这些功能使其成为 Web 开发人员中最受欢迎的库之一。

在本文中，我们将探索创建一个 React 应用程序并为其添加注释。

创建反应应用程序

第 1 步：使用以下命令创建一个 React 应用程序：

npx create-react-app my-app

第 2 步：使用以下命令移动到项目文件夹my-app ：

cd my-app

第 3 步：使用以下命令启动开发服务器：

yarn start

（这将在 localhost:3000 上运行您的应用程序，在那里您可以看到您对应用程序所做的所有更改。）

项目结构：它将如下所示。

示例 1： React 组件的注释。我们可以使用双斜杠 // 或星号格式 /* */ 在 React 中编写注释，类似于常规 JavaScript。

App.js

import React, { Component } from 'react';
  
// This is a comment
  
class App extends Component {
  
    /* This is 
    also a comment*/
    render() {
        return (
            

                
Welcome to GeeksforGeeks
            
        );
    }
}
  
export default App;

输出：

示例 2：当我们想在渲染块中注释内容时，上面的示例不起作用。这是因为我们在渲染块中使用 JSX，并且必须在花括号 {/* */} 中使用多行注释。

应用程序.js

import React, { Component } from 'react';
  
class App extends Component {
    render() {
        return (      
            

                // This is not a valid comment
                /* Neither is this */
  
                {/* THIS ONE IS A VALID COMMENT */}
                  
                
Welcome to GeeksforGeeks
            
        );
    }
}
  
export default App;

输出：

注意：我们必须记住，即使 JSX 像普通 HTML 一样呈现，它实际上是 JavaScript 的语法扩展。因此，像我们对 HTML 和 XML 所做的那样使用 是行不通的。

应用程序.js

import React, { Component } from 'react';
  
class App extends Component {
    render() {
        return (     
            

                
                  
                {/* THIS ONE IS A VALID COMMENT */}
                  
                
Welcome to GeeksforGeeks
            
        );
    }
}
  
export default App;

输出：