首页 > 代码库 > 夺命雷公狗-----React---19--表单的值的修改
夺命雷公狗-----React---19--表单的值的修改
少了1个e,在代码部分补回,否则会报错
<!DOCTYPE> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/react.js"></script> <script src="./js/react-dom.js"></script> <script src="./js/browser.min.js"></script> <style> *{ margin:0px; padding:0px;} </style> </head> <body> <div id="dome"></div> <div id="test"></div> <script type="text/babel"> var Fix = React.createClass({ getInitialState:function(){ return{ val:‘‘ } }, handleChange:function(e){ this.setState({ val:e.target.value }) }, render:function(){ return( <div> user:<input type="text" name="user" value={this.state.val} onChange={this.handleChange} /> <br /><br /> name:<input type="text" name="username" defaultValue="updateOK" /> </div> ); } }); ReactDOM.render( <Fix />, document.getElementById(‘dome‘) ); </script> </body> </html>
效果如下所示:
夺命雷公狗-----React---19--表单的值的修改
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。