赞
踩
-
- function passwordChange(e){
- console.log(e.target.value);
- }
- function usernameChange(e){
- console.log(e.target.value);
- }
-
- function App() {
- return (
- <div>
- <input type="text" placeholder='请输入用户名'onChange={usernameChange}/>
- <input type="text" placeholder='请输入密码' onChange={passwordChange}/>
- </div>
- );
- }
-
- export default App;
需要使用箭头函数
-
- function loginbtn(type,e){
- switch (type) {
- case 1:
- console.log('登录');
- break;
- case 2:
- console.log('注册');
- break;
- }
- }
- function App() {
- return (
- <div style={{width:'500px', height:'300px',background:'#ccc',margin:'200px auto'}}>
- {logintrue ?<button onClick={(e)=>loginbtn(1,e)}>登录</button>:<button onClick={(e)=>loginbtn(2,e)}>注册</button>}
- </div>
- );
- }
-
- export default App;
其它事件方法如上
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。