如何在react native中处理多按钮多次单击

import React, { useState } from 'react';
import { TouchableOpacity, Text } from 'react-native';

const MultiButtonComponent = () => {
  const [button1Clicked, setButton1Clicked] = useState(false);
  const [button2Clicked, setButton2Clicked] = useState(false);

  const handleButton1Click = () => {
    if (!button1Clicked) {
      setButton1Clicked(true);
      setButton2Clicked(false); // 禁用其他按钮
      setTimeout(() => {
        setButton1Clicked(false); // 延迟时间结束后重置按钮状态
        setButton2Clicked(false);
      }, 500);
      // 处理按钮1的点击逻辑
    }
  };

  const handleButton2Click = () => {
    if (!button2Clicked) {
      setButton2Clicked(true);
      setButton1Clicked(false); // 禁用其他按钮
      setTimeout(() => {
        setButton1Clicked(false);
        setButton2Clicked(false); // 延迟时间结束后重置按钮状态
      }, 500);
      // 处理按钮2的点击逻辑
    }
  };

  return (
    <>
      <TouchableOpacity onPress={handleButton1Click} disabled={button2Clicked}>
        <Text>按钮1</Text>
      </TouchableOpacity>
      <TouchableOpacity onPress={handleButton2Click} disabled={button1Clicked}>
        <Text>按钮2</Text>
      </TouchableOpacity>
    </>
  );
};

export default MultiButtonComponent;