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):

xxxxxxxxxx

{/* 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:

xxxxxxxxxx

// 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.

Copy

xxxxxxxxxx

 

1

<div>

2

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

3

</div>