React - wie kann man den Code kommentieren

In diesem Artikel wird gezeigt, wie man den Quellcode in React kommentieren kann.

Schnelle Lösung (innerhalb von JSX):

{/* Kommentar innerhalb von JSX */}

In React JavaScript gibt es zwei Verwendungsmöglichkeiten für Kommentare:

• Im Falle von reinem JavaScript verwendet man solche Kommentare wie z.B. // einzeiliger Kommentar oder /* mehrzeiliger Kommentar */,
• Im Falle von JSX muss man sie zusätzlich in geschweifte Klammern setzen, z.B. {/*Kommentar*/}.

Praktisches Beispiel:

// ONLINE-RUNNER:browser;

// import React from 'react';
// import ReactDOM from 'react-dom';

const App = () => {
  // const [value, setValue] = React.useState();
  /*
    ein Kommentar...
    ein Kommentar...
  */
  return (
    <div>
      {
        //ein Kommentar...
        //ein Kommentar...
      }
      <div>Benutzer:</div>
      {/*
        <div>
          <span>Name:</span>
          <span>Jacek</span>
        </div>
       */}
    </div>
  );
};

const root = document.querySelector('#root');
ReactDOM.render(<App />, root);

Hinweis:
HTML-Kommentare werden innerhalb von JSX nicht unterstützt.

<div>
  <!-- es wird nicht funktionieren! -->
</div>