javascript - babeljs 在 renderDetails() 方法的 </type> 中抛出 'unterminated regular expression'

Question

我正在尝试编写一小段 ES6 React 代码并使用 Babel 对其进行编译。我收到“未终止的正则表达式”错误。不知道为什么会发生这种情况。需要帮助。

class List extends React.createClass {
  getInitialState() {
    return {
      showList: this.props.showList,
      listType: this.props.type
    }
  }

  getDefaultProps() {
    return {
      showList: true,
      type    : "ul"
    }
  }

  propTypes: {
    type: React.PropTypes.string;
  }

  renderDetails() {
    var showList = this.state.showList,
        type = this.props.type;

    if (showList) {
      return
        <type>
          {this.props.items.map(function(item) {
            return <li key={item.id}>{item.value}</li>
          })
        </type>
    }
    else {
      return null;
    }
  }

  render() {
    return (
      {this.renderDetails.bind(this)}
    );
  }
};

React.render(<List type="ul" items={items} />, document.body);

Answer 1

有两件事，您需要一个封闭的 () 来进行多行返回，并且类型之间没有结束 } 。应该是这样的。

    if (showList) {
        return (
            <type>
                {this.props.items.map(function(item) {
                    return <li key={item.id}>{item.value}</li>
                })}
            </type>
        )
    }