javascript - React扩展关键字webpack编译失败

Question

我是 React 初学者，当我编译下面的代码时出现错误。

index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import SearchBar from './components/search_bar'

const API_KEY = '';

// this component should produce some html
// Some HTML

const App = () => {
    return (
        <div>
            <SearchBar/>
        </div>
    )
};

// aciklama
ReactDOM.render(<App/>, document.querySelector('.container'));

search_bar.js:

import React, {Component} from 'react';

const SearchBar extends Component {
    render() {
        return <input />;
    }
}

export default SearchBar;

我从终端启动了 npm 服务器，它在以下链接中给出了错误:

error picture

./src/components/search_bar.js 中出现错误模块构建失败:语法错误:意外的标记 (3:16)webpack:编译失败。

Answer 1

打错了

class SearchBar extends Component {  //fixed
    render(){
        return <input />;
    }
}

从const更改为class