ReactJS - 如何使用评论？
ReactJS - 如何使用评论？
提问于 2018-04-09 00:51:19
你不能render在React组件中使用方法中的注释吗？
我有以下组件：
'use strict';
var React = require('react'),
Button = require('./button'),
UnorderedList = require('./unordered-list');
class Dropdown extends React.Component{
constructor(props) {
super(props);
}
handleClick() {
alert('I am click here');
}
render() {
return (
<div className="dropdown">
// whenClicked is a property not an event, per se.
<Button whenClicked={this.handleClick} className="btn-default" title={this.props.title} subTitleClassName="caret"></Button>
<UnorderedList />
</div>
)
}
}
module.exports = Dropdown;
在这里输入图像描述
我的评论显示在用户界面中。
处理意见的正确方法是什么？
这工作：
{/* whenClicked is a property not an event, per se. */}
回答 2
Stack Overflow用户
发布于 2018-04-09 09:39:15
所以在render方法中允许注释，但为了在JSX中使用它们，你必须将它们包装在大括号中，并使用多行样式注释。
<div className="dropdown">
{/* whenClicked is a property not an event, per se. */}
<Button whenClicked={this.handleClick} className="btn-default" title={this.props.title} subTitleClassName="caret"></Button>
<UnorderedList />
</div>
可以在这里阅读更多关于JSX如何使用注释的知识
Stack Overflow用户
发布于 2018-04-09 09:57:21
以下是另一种可以//用来包含评论的方法：
return (
<div>
<div>
{
// Your comment goes in here.
}
</div>
{
// Note that comments using this style must be wrapped in curly braces!
}
</div>
);
这里的问题是你不能使用这种方法包含单行注释。例如，这不起作用：
{// your comment cannot be like this}
因为右括号}被认为是注释的一部分，因此被忽略，从而引发错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100003826
复制相关文章
相似问题