我在Stackoverflow上发现这个great method将持续时间从ss转换为hh.mm.ss,我试图在页面的render()部分调用它。许多尝试,但尚未成功。我想我在箭头函数的语法中遗漏了一些东西,但是找不到什么。
这是我为了我的目的而略微编辑的方法:
formatTime(duration) {
d = Number(duration);
var h = Math.floor(d / 3600);
var m = Math.floor(d % 3600 / 60);
var s = Math.floor(d % 3600 % 60);
var hDisplay = h > 0 ? h + (h == 1 ? " hour, " : " hours, ") : "";
var mDisplay = m > 0 ? m + (m == 1 ? " minute, " : " minutes, ") : "";
var sDisplay = s > 0 ? s + (s == 1 ? " second" : " seconds") : "";
return hDisplay + mDisplay + sDisplay;
}
这是我的render()
部分,我想调用formatTime()
,传递song.duration
作为方法的参数(full code here):
render() {
return (
//[...]
<td {() => this.formatTime(song.duration)}>
{formatTime(song.duration)} </td>
//[...]
}
写这样:
<td> {this.formatTime(song.duration)} </td>
由于以下原因:
1-它是一个类方法,因此您需要使用this.functionName()
来访问该函数。
2-您通常调用该函数并返回一些您想要渲染的内容/值,因此不需要箭头功能。
有关when javascript bind or arrow function is necessary的更多详细信息,请查看此答案