浏览器运行的时候 事件打印不出来,提示 此页面出现代码禁用了反向和正向缓存(由于默认事件导致的)

浏览器运行的时候  事件打印不出来,提示 此页面出现代码禁用了反向和正向缓存(由于默认事件导致的)要阻止默认事件

 

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

posted @ 2018-06-27 18:15  yaomengli  阅读(7665)  评论(0编辑  收藏  举报