1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > react 封装表格组件_React--封装的表单组件

react 封装表格组件_React--封装的表单组件

时间:2018-08-20 22:24:04

相关推荐

react 封装表格组件_React--封装的表单组件

var Form = React.createClass({

getInitialState(){

return {

uname:'',

upass:''

}

},

login(e){

e.preventDefault();

this.props.handler(this.state)

},

//将输入的值给state

changeValue(e){

const target = e.target

const value = target.type==='checkbox'?target.checked:target.value

const name = target.name

this.setState({

[name]:value

})

},

render(){

return (

用户名:

密码:

提交

)

}

})

组件中使用方法:

组件中使用的时候传一个handler方法便可

var Login = React.createClass({

login(state){

console.log(state.uname,state.upass)

},

render(){

return (

登陆

)

}

})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。