如何在函数或函数构造函数方法上实现类方法



这甚至可能吗?我处于一种情况下,我不知道要使用什么或更好地使用什么。我想拥有类似StringHelpers类的东西,它将包含字符串的方法。我正在使用React JS,在我的项目中,我的class扩展到Component class,而且我也具有无状态功能。现在,我如何在两者上使用StringHelpers方法。

我的StringHelpers目前,我知道该怎么做。

class StringHelpers {
  constructor(string) {
    this.string = string;
  }
  toUcfirst() {
    return "ucfirst executing";
  }
}
export default StringHelpers;

我将能够实现:

`props.myString.toUcFirst()`;

在班级和无状态功能中。

您可以简单地从 stringHelpers导出函数,而不是使其成为类,而不是在需要的任何地方导入这些功能

//stringHelpers.js
export function capitalizeFirstChar(str){
   return str && str.replace(/^[a-z]/, (match)=> match.toUpperCase()) || ''
}
// test.js
import {capitalizeFirstChar} from './stringHelpers.js'
console.log(capitalizeFirstChar('hello world'))

最新更新