ReactJS-如何使用注释?

如何在React组件的render方法中使用注释

我有以下组件:

“严格使用”;
var React=require('React'),
按钮=需要(“./按钮”),
无序列表=需要('./无序列表');
类下拉列表扩展了React.Component{
建造师(道具){
超级(道具);
}
handleClick(){
警报(“我正在单击此处”);
}
render(){
返回(
<div className=“下拉列表”>
//whenClicked本身是一个属性而不是一个事件。
&单击时的按钮={this.handleClick}className=“btn default”title={this.props.title}subtitclassname=“caret”></Button>
<无序列表/>
</div>
)
}
}
module.exports=下拉列表;

我的评论将显示在UI中

在组件的渲染方法中应用单行和多行注释的正确方法是什么

因此,在render方法中可以使用注释,但为了在JSX中使用注释,必须将它们用大括号括起来,并使用多行样式的注释

<div className=“下拉列表”>
{/*whenClicked本身是属性而不是事件。*/}
<单击时的按钮={this.handleClick}className=“btn default”title={this.props.title}subTitleClassName=“插入符号”&gt&lt/按钮>
<无序列表/>
&lt/部门>

您可以在这里阅读更多关于注释如何在JSX中工作的信息

发表评论