當(dāng)前位置：
首頁 >
react 封装表格组件_React--封装的表单组件
發(fā)布時(shí)間：2025/3/20
29
豆豆
生活随笔
收集整理的這篇文章主要介紹了
react 封装表格组件_React--封装的表单组件
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
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 (
用戶名:
密碼:
提交
)
}
})
組件中使用方法：
組件中使用的時(shí)候傳一個(gè)handler方法便可
var Login = React.createClass({
login(state){
console.log(state.uname,state.upass)
},
render(){
return (
登陸)
}
})
總結(jié)
以上是生活随笔為你收集整理的react 封装表格组件_React--封装的表单组件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php tp 查数据库数据一条_PHP自
- 下一篇： 什么叫返回路径平面上的间隙_信号完整性：