react 封装表格组件_React--封装的表单组件
生活随笔
收集整理的這篇文章主要介紹了
react 封装表格组件_React--封装的表单组件
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
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--封装的表单组件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php tp 查数据库数据一条_PHP自
- 下一篇： hadoop+spark生态系统操作与指