如何在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=“插入符号”></按钮>;
<;无序列表/>;
</部门>;
您可以在这里阅读更多关于注释如何在JSX中工作的信息