//柯里化
class Mycomponent extends React.Component{
state={
username:"",
password:""
}
saveFormaDate=(dataType)=>{
return event=>{
this.setState({
[dataType]:event.target.value,
})
}
}
render(){
return(
<form>
<input onChange={this.saveFormaDate('username')} type="text" name="username"/>
<input onChange={this.saveFormaDate('password')} type="password" name="password" />
)
}
}
//非柯里化
class Mycomponent extends React.Component{
state={
username:"",
password:""
}
saveFormaDate=(dataType,event)=>{
this.setState({
[dataType]:event.target.value
})
}
render(){
return(
<form>
<input onChange={(event)=>{this.saveFormDate('username',event)}} type="text" name="username"/>
<input onChange={(event)=>{this.saveFormDate('password',event)}} type="password" name="password" />
)
}
}
react表单受控组件函数柯里化形式
最新推荐文章于 2024-07-16 14:30:20 发布