Как исправить код React и использовать babel?

Question

[Valen96]

Подскажите, прохожу уроки по реакту и данный код не работает, ошибка как я понял в настройке webpack или babel , вот код

import React , { Component } from 'react';

class SearchBar extends Component {
constructor(props) {
  super(props);

  this.state={  term: ' ' };
}

  render() {
    return {
      <div>
  <input onChange={event => this.setState( { term:event.target.value} ) }/>;
val of inp:
</div>
};
}
}
export default SearchBar;

Пишет Unexpected token в компиляторе, и если закинуть этот код в https://babeljs.io/ то тоже показывает ошибку!
Подскажите как решить?Вот репозиторий человека, по которому прохожу уроки
https://github.com/StephenGrider/ReduxSimpleStarter

Answer 1

[Максим]

import React, { Component } from 'react';

class SearchBar extends Component {
  constructor(props) {
    super(props);

    this.state = { term: ' ' };
  }

  render() {
    return ( // в круглых скобках возвращаем, если более 1й строки
      <div>
        <input onChange={event => this.setState({ term: event.target.value })} />;
      </div>
    )
  }
}
export default SearchBar;

Comments

[Valen96]

спасибо большое, пять раз просматривал код,а на скобку не обращал внимания, часа 3 убил, спасибо!!!