Javascript 使用react和e.preventDefault（）防止表单提交；

我似乎无法理解这一点。。。。 将函数调用绑定到操作e.preventDefault（）时，哪个事件有意义；如果有人在填写输入标记时单击enter

此刻，我得到了一个不必要的刷新发生。当我只想在按下回车键时触发另一个函数时

我该怎么办

<form onSubmit={this.stopSubmit}>
                        <FormGroup
                            controlId="formBasicText"
                            validationState={getValidationState()}
                        >
                            <ControlLabel>Stuff</ControlLabel>
                            <FormControl
                                type="text"
                                value={this.state.value}
                                placeholder="Enter text"
                                onChange={handleChange}
                                onKeyUp={handleSubmit.bind(this, "test")}

                            />
                            <FormControl.Feedback/>
                            <HelpBlock>Validation is based on string length.</HelpBlock>
                        </FormGroup>
                    </form>

东西
验证基于字符串长度。

此。stopSubmit

应返回

false

以防止表单提交

此。stopSubmit

应返回

false

以防止表单提交

将其添加到表单标签：

<form onSubmit={e => { e.preventDefault(); }}>

{e.preventDefault（）；}}>

将此项添加到表单标签：

<form onSubmit={e => { e.preventDefault(); }}>

{e.preventDefault（）；}}>

事件是表单提交。你可以在网站上阅读

实际上，这取决于你的表单在做什么。通常，您会将

event.preventDefault（）

函数调用放在表单提交到的任何对象中。（例如，

action

参数的值是多少）如果是AJAX调用，您会希望将其放在函数的开头

至少，我是这样做的。下面是我最近用于表单提交的一个函数的示例，它利用了这个函数

handleFormSubmit = event => {
  event.preventDefault();
  this.searchMovies(this.state.search);
};

---

事件是表单提交。你可以在网站上阅读

实际上，这取决于你的表单在做什么。通常，您会将

event.preventDefault（）

函数调用放在表单提交到的任何对象中。（例如，

action

参数的值是多少）如果是AJAX调用，您会希望将其放在函数的开头

至少，我是这样做的。下面是我最近用于表单提交的一个函数的示例，它利用了这个函数

handleFormSubmit = event => {
  event.preventDefault();
  this.searchMovies(this.state.search);
};

---

不鼓励只使用代码的答案，因为它们没有解释如何解决问题中的问题。考虑更新你的答案来解释这个问题，以及它是如何解决问题的，这样它可以帮助其他用户。请查看仅代码的答案，因为这些答案没有解释如何解决问题。考虑更新你的答案来解释这个问题，以及它是如何解决问题的，这样它可以帮助其他用户。请复习