React 入门必备 【第二关 】React面向组件编程之高阶函数与函数柯里化(选看)

目的:增加代码复用性

高阶函数:如果一个函数符合下面2个规范中的任何一个,那该函数就是高阶函数。

                           1.若A函数,接收的参数是一个函数,那么A就可以称之为高阶函数。

                           2.若A函数,调用的返回值依然是一个函数,那么A就可以称之为高阶函数。

                           常见的高阶函数有:Promise、setTimeout、arr.map()等等

函数的柯里化:通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码形式。

含义:saveFormData作为onChange的回调

onChange = {this.saveFormData}

通过参数保存表单数据 

含义:saveFormData的返回值作为onChange的回调

改为:

onChange = {this.saveFormData('name')}

定义 回调函数 保存表单数据到状态中

this.setState({name:event.target.value});

改为: 

this.setState({[dataType]:event.target.value});

完整版代码:




    
    
    Document


    

你可能感兴趣的:(react.js,前端,前端框架)