jsx: Unexpected token `this`

[johnjbarton]

I tried an example from https://facebook.github.io/react/docs/reusable-components.html#es6-classes

export class Counter extends React.Component {
  constructor(props) {
    super(props);
    this.state = {count: props.initialCount};
  }
  tick() {
    this.setState({count: this.state.count + 1});
  }
  render() {
    return (
      <div onClick={this.tick.bind(this)}>
        Clicks: {this.state.count}  // <<< Unexpected token this
      </div>
    );
  }
}
Counter.propTypes = { initialCount: React.PropTypes.number };
Counter.defaultProps = { initialCount: 0 };

But the fails on Unexpected token this. To be sure I don't know JSX. Any hints?

[arv]

This is a bug in the parser. The way it works now is that the scanner has scanJsx/peekJs and that ends up treating this as a JsxIdentifier which leads to this bug. I think I should refactor the parser for jsx to work more like how we parse template strings with. The downside is that it introduces "a lot" of new AST nodes:

>text< >text{ }text{ }text<