你不能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. */}
发布于 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如何使用注释的知识
发布于 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}
因为右括号}
被认为是注释的一部分,因此被忽略,从而引发错误。
https://stackoverflow.com/questions/-100003826
复制相似问题