Reactjs 如何在render函数的return语句中添加注释？

我们是否可以在呈现功能的return语句中添加注释。例如，在下面找到代码片段

render:function（）{
var值=this.state.value；
返回(
苹果
香蕉
蔓越莓
); 
...

---

在上面的代码中，我想在

标签旁边添加我的注释，就像

只读文本框一样。因为它没有onChange事件。我如何添加它？
你可以这样在渲染中添加注释：
{/*comment*/}
像这样使用
{/*comment*/}
要在JSX中添加注释，应该使用大括号（
{}
）开始，然后在其中编写块注释（
/***/
）

返回(
{/*注释*/}
)

无论您是否在return语句中，此操作都有效：

const retVal = (
  <div>
    {/* comment */}
  </div>
)
return retVal

const retVal=(
{/*注释*/}
)
返回返回

请注意，由于无法在JSX元素外部打开JSX表达式，因此无法执行以下操作：

return (
  {/* comment */}
  <div></div>
)

返回(
{/*注释*/}
)

相反，您只需按照正常方式进行操作：

return (
  // comment
  <div></div>
)

返回(
//评论
)
{/*React仅适用于块注释。*/}只需将块注释放在“code”块内。将呈现给DOM的注释？不，不会呈现给DOM@Davin
return (
  // comment
  <div></div>
)