为什么当我调用`from`onSubmit的console.log(event)时,我没有看到preventDefault方法

时间:2018-03-05 18:25:58

标签: javascript reactjs

我正在学习React.js。在下面的代码中,我使用了一个表单,我正在尝试查看even包含的内容。所以我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

1 个答案:

答案 0 :(得分:1)

它显示在 proto 中。请在下面找到相同的屏幕截图。

enter image description here