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

【问题标题】：Which coding style is good for set the loader in the application哪种编码风格适合在应用程序中设置加载器
【发布时间】：2019-09-23 10:01:02
【问题描述】：

我已经开发了多个应用程序（网络和移动），现在我认为是时候深入了解我的编码风格并改进它了。每个开发人员都在他们的应用程序中实现加载器。我将编写 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，但我的问题不是任何特定于库的我只是想知道其他开发人员如何在应用程序中添加加载器。

【问题讨论】：

一种编码风格是非常有偏见的，我相信任何编码风格都比没有好，如果它是一致的，事件会更好
首先，您应该记住，您不应该重复自己，因此无论您使用的加载器应该是通用的，可以在您的整个应用程序中重复使用，并且大多数加载器在获取数据时使用为此，您应该了解发出的每一个 Http 请求，因此您需要创建一个 Http 拦截器的最佳方式，该拦截器将在发出任何 Http 请求时调用，从那里您可以启动加载程序，一旦您收到响应，您可以停止加载程序，这样您就可以在一个地方编写代码并适用于整个应用程序。

标签： javascript reactjs coding-style

【解决方案1】：

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

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

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

【讨论】：