[英]ESLint - no-unused-expressions in ReactJS
使用babel进行合并时出现ESLint错误:
第28行:预期分配或函数调用,而是看到一个表达式no-unused-expressions
第29行:预期分配或函数调用,而是看到一个表达式no-unused-expressions
任何想法如何摆脱这些同时使我的计时器仍按预期工作? 还是您有更好的方法让我做计时器?
class RequestTimer extends Component {
constructor(props) {
super(props);
this.state = {
seconds: 0,
minutes: 0,
hours: 0
}
this.getTime = this.getTime.bind(this);
}
getTime() {
let second = this.state.seconds
let minute = this.state.minutes;
let hour = this.state.hours;
this.state.seconds % 59 === 0 && this.state.seconds !== 0 ? minute += 1:null;
this.state.minutes % 59 === 0 && this.state.seconds % 59 === 0 && this.state.minutes !== 0 ? (hour += 1, minute = 0):null;
this.setState({
seconds: second +=1,
minutes: minute,
hours: hour
})
}
componentDidMount() {
this.timer = setInterval(this.getTime, 1000)
}
render() {
return (
<TimerContainer>
<h2>Last Request:</h2>
<p>{this.state.hours}h {this.state.minutes}m {this.state.seconds % 60}s</p>
</TimerContainer>
)
}
}
您想使用适当的if
语句:
getTime() {
let second = this.state.seconds
let minute = this.state.minutes;
let hour = this.state.hours;
if (this.state.seconds % 59 === 0 && this.state.seconds !== 0) {
minute += 1;
}
if (this.state.minutes % 59 === 0 && this.state.seconds % 59 === 0 && this.state.minutes !== 0) {
hour += 1;
minute = 0;
}
this.setState({
seconds: second +=1,
minutes: minute,
hours: hour
});
}
如果您不想对结果值做任何事情,请不要使用三元运算符。 特别是在没有else
情况或必须使用逗号运算符执行多项操作时,请勿使用它。
有几个解决方案。
1.)仅使用文件顶部的 eslint-disable禁用整个文件的规则。
/* eslint-disable no-unused-expressions */
2.)您应该在所有行的结尾处编写下面的代码(28,29),以便将其禁用。
/* eslint-disable-line */
或者修改三元运算以具有LHS表达式
this.state.seconds % 59 === 0 && this.state.seconds !== 0 ? minute += 1:null;
变更者
minute = this.state.seconds % 59 === 0 && this.state.seconds !== 0 ? minute + 1:null;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.