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 (
登陆
)
}
})