浏览器运行的时候 事件打印不出来,提示 此页面出现代码禁用了反向和正向缓存(由于默认事件导致的)
浏览器运行的时候 事件打印不出来,提示 此页面出现代码禁用了反向和正向缓存(由于默认事件导致的)要阻止默认事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/React.js"></script>
<script src="js/browser.min.js"></script>
<script src="js/react-dom.js"></script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
var App=React.createClass({
handle:function(e){
e.preventDefault() //组织默认事件,button type="submit" 所以可能默认提交要阻止默认事件
console.log(e)
},
render:function(){
return(
<form action="" onSubmit={this.handle}>
<input type="text" defaultValue="hjkhk"/>
<button type="onSubmit">提交</button>
</form>
)
}
});
ReactDOM.render(
<App/>,
document.getElementById("app")
)
</script>
</body>
</html>