如何在自定义组件上使用onPress？

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

class CustomButton extends React.Component {
  handlePress = () => {
    // 处理点击事件的逻辑代码
    console.log('按钮被点击了！');
  }

  render() {
    return (
      <TouchableOpacity onPress={this.handlePress}>
        <View style={{ backgroundColor: 'blue', padding: 10 }}>
          <Text style={{ color: 'white' }}>点击我</Text>
        </View>
      </TouchableOpacity>
    );
  }
}

export default CustomButton;

import React from 'react';
import { View } from 'react-native';
import CustomButton from './CustomButton';

class App extends React.Component {
  render() {
    return (
      <View>
        <CustomButton />
      </View>
    );
  }
}

export default App;