React:高阶函数和函数的核化
1.高阶函数
如果函数的接收参数是函数,那么a可以被称为高阶函数。
如果函数的返回值仍然是函数,那么a可以被称为高阶函数。
常见的高阶函数有:Promise、setTimeout、arr.map()等。
2. 函数的柯里化
通过函数调用和继续返回函数,实现了多个接收参数最终统一处理的函数编码形式。
2.1 示例
以下表单中的所有属性都可以由saveFormData保存。
SaveFormData接收一个参数并返回一个函数,该函数充当onChange事件的回调函数。
回调函数参数是事件发生的元素节点。
这样就可以同时获取要保存的属性名,并通过事件发生的元素节点获取对应的值。
达到保存表单数据的效果。
类登录扩展了React。组件{
//初始化状态
状态={ 0
用户名: ' ',//用户名
Password:'' //密码
}
//将表单数据保存到状态。
saveFormData=(数据类型)={ 0
返回(事件)={ 0
this . setstate({[dataType]: event . target . value })
}
}
//表单提交的回调
handleSubmit=(事件)=
Event.preventDefault() //阻止表单提交
const {用户名,密码}=this.state
Alert(`您输入的用户名为:${username},您输入的密码为:${password} `)
}
render(){ 0
返回(
表单onSubmit={this.handleSubmit}
用户名:input onchange={this。saveformdata(' username ')} type=' text ' name=' username '/
密码:输入onchange={this。saveformdata(' password ')} type=' password ' name=' password '/
按钮登录/按钮
/form
)
}
}
//渲染组件
ReactDOM.render(Login/,document.getElementById('test ')
如果文章对你有帮助,可以点击推荐。
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/130349.html