javascript - 使用react和e.preventDefault()阻止表单提交;

标签 javascript reactjs

我似乎无法理解这一点...... 哪个事件有意义将函数调用绑定(bind)到操作 e.preventDefault();如果有人在填写输入标签时点击回车?

目前我发生了不必要的刷新。当我只想在按下回车键时触发另一个功能时。

我应该做什么?

<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>

最佳答案

this.stopSubmit 应返回 false 以阻止表单提交

关于javascript - 使用react和e.preventDefault()阻止表单提交;,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46355056/

相关文章:

javascript - 组件正在将不受控制的文本类型输入更改为受控?

javascript - 引用 DOM 元素的 React Hook 在第一次调用时返回 "null"

reactjs - 将 SideNav 与 Twilio Flex Plugin v2 结合使用时出现错误 `activeView is not defined`

javascript - $scope.$watch 不在 ui.bootstrap.modal Controller 中引发事件

javascript - 检测 chrome 是否为 webview?

javascript - nodejs 中 JIMP 中的文件签名无效

javascript - jsx 意外的 token 传递对象数组

reactjs - 在react js中调用axios get请求时出现网络错误

javascript - Php 抛出 SQLi 计数错误

asp.net - RESTful URL、母版页和 PreviousPage 问题