adrianmc adrianmc - 21 days ago 9
React JSX Question

Mysterious ESLint Parsing Error

On line 4 of the following code, ESLint is giving me a parsing error saying:


Unexpected token =


I'm wondering why this is the case? The code runs properly. What am I doing wrong?

import { Component, PropTypes } from 'react';

export default class MainApp extends Component {
static propTypes = {
children: PropTypes.any.isRequired
}

componentWillMount() {
require('./styles/main.styl');
}

render() {
return (
<div>
{this.props.children}
</div>
);
}
}

Answer

You cannot have properties inside classes, you can only have methods.

Reference: http://www.2ality.com/2015/02/es6-classes-final.html#inside_the_body_of_a_class_definition