PL
React - jak komentować kod
6 points
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):
xxxxxxxxxx1
{/* 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 jednoliniowylub/* komentarz wieloliniowy */, - W przypadku JSX musimy umieścić je dodatkowo w nawiasach klamrowych np.
{/* komentarz */}.
Praktyczny przykład:
xxxxxxxxxx1
// import React from 'react';2
// import ReactDOM from 'react-dom';3
4
const App = () => {5
// const [value, setValue] = React.useState();6
/*7
jakiś komentarz..8
jakiś komentarz...9
*/10
return (11
<div>12
{13
// jakiś komentarz...14
// jakiś komentarz...15
}16
<div>Użytkownicy:</div>17
{/*18
<div>19
<span>Name:</span>20
<span>Jacek</span>21
</div>22
*/}23
</div>24
);25
};26
27
const root = document.querySelector('#root');28
ReactDOM.render(<App />, root);Uwaga:
Wewnątrz JSX nie są obsługiwane komentarze HTML.xxxxxxxxxx1<div>2<!-- to nie zadziała! -->3</div>
