react: 高阶函数及函数柯里化

技术react: 高阶函数及函数柯里化 react: 高阶函数及函数柯里化1.高阶函数若A函数,接收的参数是一个函数,那么A就可以称之为高阶函数。
若A函数,调用的返回值依然是一个函数,那么A就可以称之

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

(0)

相关推荐

  • 怎么使用R语言中的scatterplotMatrix来绘制散点图矩阵

    技术怎么使用R语言中的scatterplotMatrix来绘制散点图矩阵本篇文章给大家分享的是有关怎么使用R语言中的scatterplotMatrix来绘制散点图矩阵,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完

    攻略 2021年11月9日
  • CSS中margin参数省略原则是什么

    技术CSS中margin参数省略原则是什么这篇文章给大家介绍CSS中margin参数省略原则是什么,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。CSS中margin参数省略的原则使用margin属性

    攻略 2021年11月11日
  • C语言const用法概述

    技术C语言const用法概述 C语言const用法概述const概念
    有时候我们希望定义这样一种变量,它的值不能被改变,在整个作用域中都保持固定。例如,用一个变量来表示班级的最大人数,或者表示缓冲区的大

    礼包 2021年12月6日
  • WebService Client端

    技术WebService Client端 WebService Client端pomxml version="1.0" encoding="UTF-8"
    project xmlns="http://ma

    礼包 2021年11月20日
  • Word图标未显示在.doc和.docx文档文件怎么办

    技术Word图标未显示在.doc和.docx文档文件怎么办这篇文章主要介绍了Word图标未显示在.doc和.docx文档文件怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编

    攻略 2021年11月18日
  • PB在HTTP协议中怎么用

    技术PB在HTTP协议中怎么用小编给大家分享一下PB在HTTP协议中怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!客户端代码本例中分别演

    攻略 2021年11月23日