使用狀態語法后找不到模塊

Question

我在瀏覽器控制台中收到以下錯誤：

未捕獲的錯誤：找不到模塊“./components/search_bar”

我正在學習 ReactJS，在創建一個非常簡單的組件時，我偶然發現了上述錯誤。 它發生在我的SearchBar類/組件中應用state語法之后。 我只是在尋求一些對錯誤的啟發，因為在修改我的代碼后我無法識別這一點。

請參考以下代碼：

search_bar.js

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;
                    })
                }/>
                Value of input: {this.state.term}
            </div>
        );
    }
}

export default SearchBar;

索引.js

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

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

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

Answer 1

修復語法錯誤，（分號）。 還將您的狀態值分配給輸入

<input 
  onChange={ event => this.setState({term: event.target.value}) }
  value={this.state.term}/>