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):
xxxxxxxxxx
1
{/* 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:
xxxxxxxxxx
1
// 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.xxxxxxxxxx
1<div>
2<!-- to nie zadziała! -->
3</div>