EN
React - how to comment source code
3
points
In this article, we would like to show you how to comment source code in React.
Quick solution (inside JSX):
{/* Comment inside React JSX */}
In React writing source code in JavaScript we have two cases of using comments:
- pure JavaScript lines, we use comments such as:
// single-line commentor/* multi-line comment */, - JSX notation lines we have to wrap them in curly braces additionally, e.g.
{/* comment */}.
Practical example:
// ONLINE-RUNNER:browser;
// import React from 'react';
// import ReactDOM from 'react-dom';
const App = () => {
// const [value, setValue] = React.useState();
/*
Some comment here..
Some comment here...
*/
return (
<div>
{
//Some comment here...
//Some comment here...
}
<div>Users:</div>
{/*
<div>
<span>Name:</span>
<span>John</span>
</div>
*/}
</div>
);
};
const root = document.querySelector('#root');
ReactDOM.render(<App />, root);
Note:
Inside JSX HTML comments are not supported.<div> <!-- This doesn't work! --> </div>