如何在React Native中有效地禁用/启用基于倒计时计时器的按钮？

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

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isButtonDisabled: false,
    };
    this.timer = null;
  }

  componentWillUnmount() {
    this.resetTimer();
  }

  startTimer = () => {
    if (this.timer === null) {
      this.timer = setTimeout(() => {
        this.setState({ isButtonDisabled: true });
        // 其他操作...
      }, 5000); // 设置倒计时时间，单位为毫秒
    }
  };

  resetTimer = () => {
    if (this.timer !== null) {
      clearTimeout(this.timer);
      this.timer = null;
      this.setState({ isButtonDisabled: false });
    }
  };

  render() {
    const { isButtonDisabled } = this.state;
    return (
      <Button
        title="按钮"
        disabled={isButtonDisabled}
        onPress={this.startTimer}
      />
    );
  }
}

export default MyComponent;