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

Question

我正在尝试编写一小段 ES6 React 代码并使用 Babel 对其进行编译。我得到 'unterminated regular expression' 这个错误。不知道为什么会这样。需要帮助。

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

两件事，你想要一个封闭的 () 用于多行 returns 并且你没有类型类型之间的结束 }。应该是这样的。

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

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

babeljs throwing 'unterminated regular expression' in </type> of renderDetails() method

javascript

regex

reactjs

babeljs