Задать вопрос
@Valen96
javascript

Как исправить код 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
  • Вопрос задан
  • 91 просмотр
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
maxfarseer
@maxfarseer
https://maxpfrontend.ru, обучаю реакту и компании 
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;
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
25 апр. 2024, в 05:29
25000 руб./за проект
Ещё заказы