1:监听表单的改变事件 模板: <inputonChange={this.inputChange}></input><button>点击按钮获取input框的值</button> 1. 方法 inputChange=()=>{ console.log(111) } 1. 2. 3. 只要触发inputChange的时候,都会在控制台看到打印111,说明监听成功。 2:在改变的事件里面获取表单输入的值 获取表单输入的值even...
focus(); }, render:function () { return (<div> <input type="text" ref="myTextInput" value="" id="sss"/> <input type="button" value="please the input" onclick={this.handleClick}/> </div>) } }); ReactDOM.render( <Hst/>, document.getElementById('example') ) </script> <sc...
vue、React、Angular都是采用了监听input的onChange事件实现了双向/单向数据绑定实时获取input中的值 原理上...
1:监听表单的改变事件 模板: <inputonChange={this.inputChange}></input><button>点击按钮获取input框的值</button> 1. 方法 inputChange=()=>{ console.log(111) } 1. 2. 3. 只要触发inputChange的时候,都会在控制台看到打印111,说明监听成功。 2:在改变的事件里面获取表单输入的值 获取表单输入的值even...
<buttononClick={this.getInput}>点击按钮获取input框的值</button> 1. 写好之后写点击事件getInput的方法,因为input框的值已经给了username,所以: getInput=()=>{ alert(this.state.username); } 1. 2. 3. Home.js import React, { Component } from 'react'; ...