这甚至可能吗?我处于一种情况下,我不知道要使用什么或更好地使用什么。我想拥有类似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'))