React - jak komentować kod

W tym artykule chcielibyśmy zaprezentować w jaki sposób należy komentować kod źródłowy w React.

Szybkie rozwiązanie (wewnątrz JSX):

{/* Komentarz wewnątrz JSX */}

Pisząc apliakcję React w JavaScript musimy rozróżnić dwa przypadki:

• W przypadku czystego JavaScript używamy komentarzy, takich jak:
  // komentarz jednoliniowy lub /* komentarz wieloliniowy */,
• W przypadku JSX musimy umieścić je dodatkowo w nawiasach klamrowych np.{/* komentarz */}.

Praktyczny przykład:

// ONLINE-RUNNER:browser;

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

const App = () => {
    // const [value, setValue] = React.useState();
    /*
      jakiś komentarz..
      jakiś komentarz...
    */
    return (
        <div>
          {
            // jakiś komentarz...
            // jakiś komentarz...
          }
          <div>Użytkownicy:</div>
          {/*
            <div>
              <span>Name:</span>
              <span>Jacek</span>
            </div>
          */}
        </div>
    );
};

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

Uwaga:
Wewnątrz JSX nie są obsługiwane komentarze HTML.

<div>
  <!-- to nie zadziała! -->
</div>