时间戳

首页 > 解决方案 > 哪种编码风格适合在应用程序中设置加载器

javascript - 哪种编码风格适合在应用程序中设置加载器

问题描述

我已经开发了多个应用程序（网络和移动），现在我认为是时候深入了解我的编码风格并改进它了。每个开发人员都在他们的应用程序中实现加载器。我将编写 2 个选项，在其中我将加载程序设置为活动和不活动，告诉我哪个是最好的，或者在应用程序中添加加载程序的任何其他选项。

// Option 1:
...
this.state={ 
 isFetchingAuthentication: false,
 isFetchingCountries: false,
 isFetchingLakes: false
}
...

...
// inside some function
this.setState({
    isFetchingAuthentication: true
})
...


// Option 2:
this.state = {
    isFetching: '' // enums ['authentication', 'countries', 'lakes']
}

...
// inside some function
this.setState({
    isFetching: 'authentication'
})  
...

注意：我现在正在使用 react，但我的问题不是任何特定于库的我只想知道其他开发人员如何在应用程序中添加加载器。

标签： javascriptreactjscoding-style

解决方案

// Option 1: ... this.state={ isLoading:false } ...

... // inside some function this.setState({isLoading:true}); ...

这是最简单和最好的方法。这主要是如果您的产品/应用程序有一个单一/通用加载器。

推荐阅读