如何在react native中的onPress重新启动计时器

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

class MyComponent extends Component {
  constructor(props) {
    super(props);
    TimerMixin.call(this); // 混入计时器功能
    this.state = {
      timer: null,
      counter: 0,
    };
  }

  // ...其他组件方法

  render() {
    // ...组件UI渲染
  }
}

componentDidMount() {
  const timer = this.setInterval(() => {
    this.setState(prevState => ({ counter: prevState.counter + 1 }));
  }, 1000);
  this.setState({ timer });
}

handlePress() {
  const { timer } = this.state;
  if (timer) {
    this.clearInterval(timer); // 清除原有计时器
  }
  const newTimer = this.setInterval(() => {
    this.setState(prevState => ({ counter: prevState.counter + 1 }));
  }, 1000);
  this.setState({ timer: newTimer });
}

render() {
  const { counter } = this.state;
  return (
    // ...其他组件UI渲染
    <Text>{counter}</Text>
  );
}