按钮处于突出显示状态，直到API调用完成

Question

我的反应应用程序中有一个按钮，单击该按钮我进行API调用，并在更新redux存储之前等待此API调用完成。

我的按钮会突出显示，直到API调用完成，并且会给出一个关于UI冻结的印象。

// Button Class

onButtonClick(action) {
   this.props.executeAction();
}

// Action creator
export function executeAction() {
   return (dispatch) => {
           serverCall().catch((err) => console.log(err))
   }
}

serverCall = () => {
  const req = request.post(`${DATA_URL}`);
  return req.endAsync();
}

如何确保该按钮未长时间突出显示。

按钮处于正常状态

按钮处于突出显示状态

这里的潜在客户表示赞赏。

谢谢！