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 (

登陆

)

}

})

总结

以上是生活随笔为你收集整理的react 封装表格组件_React--封装的表单组件的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。