问没有启用ES7属性初始化器的Curried函数
EN

Stack Overflow用户

提问于 2016-08-10 10:21:13

回答 2查看 140关注 0票数 0

我在所谓咖喱格式中有以下箭头函数，取自这就是答案

const getIntervals = n=> availability=> {}

我需要在一个用ES6语法编写的React组件中使用它，该组件由于实施而无法处理ES7属性初始化器。

“通常”function中的类上下文中的函数具有以下简单的样式：

myFunction () {}

但是我会把getIntervals函数转换成这种样式吗？

javascript

reactjs

ecmascript-6

arrow-functions

数字工厂场景解决方案

帮助企业实现数字化、智能化，解决企业工厂内设备数据采集、设备指标分析、企业信息系统间数据孤岛打通、数据应用困难的问题

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-08-10 10:30:06

只需将getIntervals定义为常规方法，但让它返回您的curried函数：

class Example extends Component {
   getIntervals(n) {
      return (availability) => {

      }
   }
   render() {...}
}

票数 3

Stack Overflow用户

发布于 2016-08-10 13:14:55

在另一个问题中看到我的作品很酷。我很高兴这对你有帮助。

@RobM为你提供了一个很好的答案，但我会给你另一个选择。

首先，您没有必要将函数保持为咖喱格式。由于这是一个用户定义的过程，如果它更好地为您服务，让它采取一个元组，您可以这样做！转换它和…一样容易†

// curried form
const getIntervals = n=> availability=> { ... }

// uncurried form
const getIntervals = (n,availability)=> { ... }

然后当你叫它

// curried form
getIntervals (30) (availability)

// changes to
getIntervals(30, availability)

我通常用咖喱的形式定义函数，但这绝不是你必须遵循的要求。以未仓促的形式，您可以直接在您的React组件上定义它，如so…。

class Example extends Component
  getIntervals (n,availability) {
    // ...
  }
}

或者因为getIntervals是一个通用的纯函数，所以没有理由将它的所有代码嵌入到组件中。你也可以把它完全分开

// curried
const getIntervals = n=> availability=> { ... }

// or choose uncurried
const getIntervals = (n,availability)=> { ... }

// call it from withint the class
class Example extends Component
  getIntervals (availability) {
    return getIntervals (this.props.intervalLength, availability)
  }
}

或者，现在您可能会看到，有一个包装器函数是多么的无用。更有可能的是，返回值将以其他方式使用，例如在事件处理程序或状态突变的…中

const getIntervals = (n,availability) => { ... }

class Example extends Component {
  // constructor ...
  onclick (event) {
    let intervals = getIntervals(this.props.intervalLength, this.state.availability)
    // do something with intervals
    console.log(intervals)
  }
  render () {
    return <button onClick={e=> onclick(e)}>show intervals</button>
  }    
}

现在，如果您愿意的话，getIntervals可以完全保留这个文件。您可以将它放到utils.js中并导入它。

import {getIntervals} from './utils'

class Example extends Component {
  onclick (event) {
    let intervals = getIntervals(this.props.intervalLength, this.state.availability)
     // ...
  }
  // ...
}