reactjs - 在 create-react-app 中意外使用事件
问题描述
我想用 create-react-app 编写简单的表单,但我不能,因为事件我不能使用事件对象。我得到的错误是 ./src/components/Form.js Line 14: Unexpected use of 'event' no-restricted-globals
这是最新的 create-react-app 的问题。代码来自反应文档。
import React from 'react';
class Form extends React.Component {
constructor(props) {
super(props);
this.state = {value: ''};
}
handleChange = e => {
this.setState({value: e.target.value});
}
handleSubmit = e => {
event.preventDefault();
}
render() {
return (
<form onSubmit={this.handleSubmit}>
<label>
Name:
<input type="text" value={this.state.value} onChange={this.handleChange} />
</label>
<input type="submit" value="Submit" />
</form>
);
}
}
export default Form;
解决方案
您的 handleSubmit 函数应更改如下
handleSubmit = e => {
e.preventDefault();
}
推荐阅读
- oracle - 如何在 Oracle 中找到查询使用的执行计划哈希值?
- django - 在 django_filters 中自定义 BooleanWidget 的选择
- mongodb - 从 MongoDB 中的 sum 查询中减去值
- css - IE11+ 中的 CSS3 过渡支持
- node.js - 使用 Async Hooks 的性能影响
- sql - SQL:通过多次迭代获取最小值和最大值
- javascript - JavaScript 第二个操作数返回未定义
- c# - 如何在未来日期通过 6 次参赛作品
- mysql - 如何从 Datagrip 中的 SELECT 语句生成 CREATE TABLE 语句?
- javascript - 隐藏特定
标签