如何禁用其他按钮，直到在react render()中单击一个按钮完成函数调用？

import React, { useState } from 'react';

function App() {
  const [isButtonDisabled, setIsButtonDisabled] = useState(false);

  const handleClick = () => {
    // 执行你的函数调用逻辑

    // 设置其他按钮为禁用状态
    setIsButtonDisabled(true);
  };

  return (
    <div>
      <button disabled={isButtonDisabled} onClick={handleClick}>
        按钮
      </button>
      <button disabled={isButtonDisabled}>
        其他按钮
      </button>
    </div>
  );
}

export default App;