为什么我不能用useState()在React Native中的panHandler中创建计数器？

import React, { Component } from 'react';
import { View, Text, PanResponder } from 'react-native';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      counter: 0
    };
  }

  panResponder = PanResponder.create({
    onStartShouldSetPanResponder: () => true,
    onPanResponderMove: () => {
      this.setState(prevState => ({ counter: prevState.counter + 1 }));
    },
    onPanResponderRelease: () => {
      // 手势操作结束时的逻辑
    }
  });

  render() {
    return (
      <View
        {...this.panResponder.panHandlers}
        style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}
      >
        <Text>{this.state.counter}</Text>
      </View>
    );
  }
}