onSubmit 绑定不起作用

Question

我想上传一个文件，我的代码在一个旧项目上工作，但是在它上面，没有办法！

class JsonUploader extends React.Component{

constructor(props){
    super(props);

    this.state = {file: ''};
    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);


}


handleChange(event){
    this.setState({file: event.target.files[0]});
}

handleSubmit(event){
  let data = new FormData();
  data.append('file', this.state.file);
  data.append('name', this.state.file.filename);
  axios.post("/files", data).then((response) => {console.log(response.data)}).catch(console.log("Sending failed"));
}

render(){
    return(
        <form onSubmit={this.handleSubmit}>
            <input type="file" name="file" onChange={(event) => {this.handleChange(event)}}/>
        <br/>
            <input type="submit" value="submit"/>
        </form>
    );
}

}

有我的class。如您所见，处理程序已绑定。我不知道为什么第一个或第二个处理程序没有通过...我尝试了两种方法（箭头和 classic 使用）但结果相同..

我的 React 应用程序是服务器端呈现的应用程序，我不知道它是否改变了什么..

感谢您的帮助！

Answer 1

好的，我发现了问题，它无法与我提供的存储库一起使用。事实上，我忘记在 index.html 中添加 client.js ref.

onSubmit 绑定不起作用

onSubmit binded does not work

javascript

bind

onsubmit

reactjs