React native -如何在多个按钮上应用道具

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

const CustomButton = (props) => {
  return (
    <TouchableOpacity style={props.style} onPress={props.onPress}>
      <Text>{props.title}</Text>
    </TouchableOpacity>
  );
};

export default CustomButton;

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

const App = () => {
  return (
    <View>
      <CustomButton style={styles.button} onPress={handleButton1Press} title="按钮1" />
      <CustomButton style={styles.button} onPress={handleButton2Press} title="按钮2" />
      <CustomButton style={styles.button} onPress={handleButton3Press} title="按钮3" />
    </View>
  );
};

const styles = {
  button: {
    backgroundColor: 'blue',
    padding: 10,
    margin: 10,
    borderRadius: 5,
  },
};

export default App;