DE
React - wie kann man den Code kommentieren
3 points
In diesem Artikel wird gezeigt, wie man den Quellcode in React kommentieren kann.
Schnelle Lösung (innerhalb von JSX):
xxxxxxxxxx
1
{/* 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
1
// import React from 'react';
2
// import ReactDOM from 'react-dom';
3
4
const App = () => {
5
// const [value, setValue] = React.useState();
6
/*
7
ein Kommentar...
8
ein Kommentar...
9
*/
10
return (
11
<div>
12
{
13
//ein Kommentar...
14
//ein Kommentar...
15
}
16
<div>Benutzer:</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);
Hinweis:
HTML-Kommentare werden innerhalb von JSX nicht unterstützt.xxxxxxxxxx
1<div>
2<!-- es wird nicht funktionieren! -->
3</div>