@Valen96

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

Подскажите, прохожу уроки по реакту и данный код не работает, ошибка как я понял в настройке 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
  • Вопрос задан
  • 81 просмотр
Решения вопроса 1
maxfarseer
@maxfarseer
реакт.рф, обучаю реакту и компании
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;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Quasar Software Москва
от 120 000 до 170 000 руб.
YLab Тольятти
от 70 000 до 130 000 руб.
Leningrad Media Санкт-Петербург
от 60 000 руб.
18 авг. 2018, в 01:10
17000 руб./за проект
17 авг. 2018, в 23:00
5500 руб./за проект