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

Cannot find module after using state syntax

本文关键字：找不到 模块 语法 状态      更新时间：2023-09-26

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

未捕获错误：找不到模块"./组件/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"));

修复语法错误（分号）。 同时将状态的值分配给输入

<input 
  onChange={ event => this.setState({term: event.target.value}) }
  value={this.state.term}/>
相关文章：