使用状态语法后找不到模块

Question

我在浏览器控制台中收到以下错误：

  

未捕获错误：找不到模块“./components/search_bar”

我正在学习ReactJS，在创建一个非常简单的组件时，我偶然发现了上述错误。它是在我的state类/组件中应用SearchBar语法后发生的。我只是在寻找对错误的一些启示，因为在修改我的代码之后我无法识别它。

请参考以下代码：

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;

index.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}/>