当我在react native中使用map时，如何防止此按钮运行？

import React, { useState } from 'react';
import { View, Button } from 'react-native';

const MyComponent = () => {
  const [disableButton, setDisableButton] = useState(false);

  const data = [1, 2, 3, 4, 5];

  const handleButtonClick = () => {
    // 按钮点击事件处理函数
    if (disableButton) {
      return; // 当按钮被禁用时，不执行按钮的逻辑
    }
    // 执行按钮的逻辑
    console.log('Button clicked!');
  };

  return (
    <View>
      {data.map((item, index) => (
        <Button
          key={index}
          title={`Button ${item}`}
          disabled={disableButton} // 设置按钮的可点击状态
          onPress={handleButtonClick}
        />
      ))}
    </View>
  );
};

export default MyComponent;