For example(1),<\/strong><\/p>\n

Comments for React Components: <\/strong><\/p>\n

\n
• We can write comments in React using the double forward-slash \/\/<\/strong> or the asterisk format \/* *\/<\/strong>, similar to regular JavaScript.<\/li>\n<\/ul>\n
  <\/div>

  import React, { Component } from 'react';  \/\/ This is a comment  class App extends Component {      \/* This is     also a comment*\/    render() {        return (            <div>                <h1>Welcome to Kaashiv<\/h1>            <\/div>        );    }}  export default App;<\/code><\/pre> <\/div>\n
  Output :<\/strong><\/p>\n
  <\/p>\n
  For example(2),<\/strong><\/p>\n
  In example(1) does not work when we want to comment on things inside the render block<\/strong>. we use JSX inside the render block and must use the multi-line comments in curly braces {\/* *\/} <\/strong>.<\/p>\n
   
   <\/div> 
  import React, { Component } from 'react';  class App extends Component {    render() {        return (                  <div>                \/\/ This is not a valid comment                \/* Neither is this *\/                  { \/* THIS ONE IS A VALID COMMENT *\/ }}                                  <h1>Welcome to Kaashiv<\/h1>            <\/div>        );    }}  export default App; <\/code><\/pre> <\/div>\n
  Output:<\/strong><\/p>\n
  <\/p>\n
  For example(3),<\/strong><\/p>\n
  We must remember, that even though JSX gets rendered just like normal HTML. It is actually a syntax extension to JavaScript. So, using <!\u2013 \u2013><\/strong> as we did with HTML and XML<\/strong> will not work.<\/p>\n
   
   <\/div> 
  import React, { Component } from 'react';  class App extends Component {    render() {        return (                 <div>                <!-- This is not a valid comment -->                                  {\/* THIS ONE IS A VALID COMMENT *\/}                                  <h1>Welcome to Kaashiv<\/h1>            <\/div>        );    }}  export default App;<\/code><\/pre> <\/div>\n
  Output:<\/strong><\/p>\n
   <\/p>\n
   <\/p>\n
  <\/p>\n","protected":false},"excerpt":{"rendered":"
  ReactJS\u00a0is a JS library used for building user interfaces. It is Declarative, Component-based and Technology stack agnostic. It is only designed for speed, simplicity, and scalability. It is some of the most popular libraries among web developers. For example(1), Comments for React Components: We can write comments in React using the double forward-slash \/\/ or […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"passster_activate_protection":false,"passster_protect_child_pages":"","passster_protection_type":"password","passster_password":"","passster_activate_overwrite_defaults":"","passster_headline":"","passster_instruction":"","passster_placeholder":"","passster_button":"","passster_id":"","passster_activate_misc_settings":"","passster_redirect_url":"","passster_hide":"no","passster_area_shortcode":"","gtb_hide_title":false,"gtb_wrap_title":false,"gtb_class_title":"","gtb_remove_headerfooter":false,"footnotes":""},"categories":[16542],"tags":[16686,16687,16685,16692,16682,16691,16681,16683,16694,16680,16688,16693,16690,16684,16689],"class_list":["post-3976","post","type-post","status-publish","format-standard","hentry","category-reactjs","tag-comment-in-react-code-example","tag-comments-in-jsx","tag-comments-list-reactjs-code-example","tag-how-to-comment-in-react-js-shortcut","tag-how-to-comment-in-react-jsx","tag-how-to-comment-react-code-in-vscode","tag-how-to-use-comments-in-react","tag-how-to-write-comments-in-react-and-jsx","tag-how-to-write-comments-in-react-js","tag-how-to-write-comments-in-reactjs","tag-react-comment-reply-component","tag-react-commenting-best-practices","tag-react-comments-npm","tag-react-native-comments","tag-single-line-comment-in-react-js"],"yoast_head":"\n