小编典典

ReactJS-如何使用注释?

reactjs

如何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;

在此处输入图片说明

我的评论显示在用户界面中。

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


阅读 442

收藏
2020-07-22

共1个答案

小编典典

因此,在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中工作的更多信息

2020-07-22