如何在 JSX 中正确放置内嵌注释？

Question

我正在学习 React 并尝试在 JSX 中添加内联注释。但是，使用常见的 JavaScript

//

注释会导致语法错误。这是我的代码片段：

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <BrowserRouter>
    <App /> // Trying to comment here about the 'App' component
  </BrowserRouter>
);

这会导致 SyntaxError: 'Unexpected token, Expected' 。有人可以解释为什么会发生这种情况以及如何在 JSX 中正确添加注释吗？

我是 Stack Overflow 的新手，因此我们将不胜感激。谢谢！

Answer 1

单行评论：

{/* single line comment */}

多行列表注释

{/* Multiline 
comment */}