加载API时的React disable按钮，即使在切换选项卡时也是如此

Question

当我的API加载时，我想禁用该按钮。我有一个禁用的实现，但每当我切换选项卡然后返回页面时，该按钮都会再次启用。我的按钮看起来像这样：

      return (    
          <Button
            disabled={APIpost.isLoading}
            onClick={ () => APIpost.mutate(filter)}
          > 

如何实现在加载API时禁用按钮的禁用功能，即使在切换选项卡时也是如此？

Answer 1

在这种情况下，您可以将APIpost提升为父组件，然后将APIpost.isLoading传递给包含Button的组件。