javascript - 为什么当我console.log(event) for `from` onSubmit时,我没有看到preventDefault方法

标签 javascript reactjs

我正在学习 React.js。在下面的代码中,我使用了一个表单,并且我试图查看该表单包含的内容。所以我console.log它。但后来我注意到日志中没有那个 preventDefault 方法。那么,它来自哪里?为什么当我记录时它不存在?

    constructor(props) {
        super(props);
        console.log('cons');
        this.onInputchange = this.onInputchange.bind(this);

        this.state = { name: 'Dear. ' };
    }

    onInputchange(event) {     
        this.setState({ name: event.target.value });
    }

    onFormSubmit (event) {
        event.preventDefault();
        console.log(event);
        debugger;  
    }

    render() {
        console.log('rende');
        return (
            <form onSubmit={this.onFormSubmit} className="input-group" borderColor='pink'>
                <input
                    className="form-control"
                    value={this.state.name}
                    onChange={this.onInputchange}
                    placeholder="enter the name please "
                />
                <span className="input-group-btn">
                    <button type="submit" className="btn btn-secondary">submit</button>
                </span>
            </form>
        );
    }
}

enter image description here

最佳答案

它显示在原型(prototype)中。请找到下面的屏幕截图以了解相同内容。

enter image description here

关于javascript - 为什么当我console.log(event) for `from` onSubmit时,我没有看到preventDefault方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49117105/

相关文章:

javascript - 带有 webpack 的 Vue.js 不提供压缩的 GZIP .js 文件

javascript - 根据范围类型输入中的其他状态值设置最大值( react )

node.js - IE 中未定义“代理”

javascript - 组件如何在不将状态向上移动到组件树的情况下向其兄弟发送消息?

javascript - 为嵌套对象数组创建reducer

javascript - html5 Canvas 加载圆圈图像

javascript - jQuery fadeIn() 位于 if 和 else 之间

javascript - ReactJs:是否可以按类名将 DOM 呈现为文档?

javascript - TypeScript:一个接口(interface)属性依赖于另一个

javascript - 将纯文本从维基百科 API 提取到我的网站作为段落