Правильно, зачем привязывать функцию с параметрами к дочернему компоненту в React Native

Я все еще новичок в React Native и немного борюсь с парадигмой программирования. Что я пытаюсь сделать (следуя структуре другого проекта React.js), так это создать контейнер (родительский компонент), который содержит ряд других компонентов. Моя конечная цель - передать и обработать все реквизиты в родительском компоненте. Дочерний компонент показывает только их. Моя структура выглядит примерно так:

export default class TemporaryCardRequestScreen extends React.Component {
    constructor(props) {
        super(props);
        this.showDateTimePicker = this.showDateTimePicker.bind(this);
        this.hideDateTimePicker = this.hideDateTimePicker.bind(this);
        this.handleDatePicked = this.handleDatePicked.bind(this);

        this.state.fromDateTime = {
            isVisible: false,
            value: new Date()
        }
    }

    showDateTimePicker = () => { /*body*/ };

    hideDateTimePicker = () => { /*body*/ };

    handleDatePicked = date => { /*body*/ };

    render() {
        return (
            <DateTimePickerComponent 
                isVisible = {this.state.fromDateTime.isVisible}
                onConfirmPressed = {this.handleDatePicked}
                onCancelPressed = {this.hideDateTimePicker}
                showDateTimePicker = {this.showDateTimePicker}
                value = {this.state.fromDateTime.value}
            />
        );
    }
}

и мой дочерний компонент выглядит примерно так:

// npm ref.: https://github.com/mmazzarolo/react-native-modal-datetime-picker
export default class DateTimePickerComponent extends Component {
    constructor(props) {
      super(props);
    }

    render() {
        const {  
            isVisible,
            onConfirmPressed,
            onCancelPressed,
            showDateTimePicker } = this.props;

        return (
            <>
            <Button title = "Show DatePicker" onPress = {showDateTimePicker} />
            <DateTimePicker
                isVisible = {isVisible}
                onConfirm = {onConfirmPressed}
                onCancel = {onCancelPressed}
                mode='datetime'
                is24Hour = {false}
                date = {new Date()}
            />
        </>
      );
    }
  }

Мое внимание сейчас сосредоточено на

onConfirmPressed = {this.handleDatePicked}

в настоящее время это.handleDatePicked принимает один аргумент, но я бы хотел, чтобы он принимал один дополнительный, который передается ему в месте, используемом в дочернем компоненте.

Итак, моей конечной целью было бы иметь что-то похожее на это:

render() {
        const {  
            isVisible,
            onConfirmPressed,
            onCancelPressed,
            showDateTimePicker,
            dateTimePickerId } = this.props;

        return (
            <>
            <Button title = "Show DatePicker" onPress = {this.showDateTimePicker} />
            <DateTimePicker
                isVisible = {isVisible}
                onConfirm = {onConfirmPressed(dateTimePickerId)}
                onCancel = {onCancelPressed}
                mode='datetime'
                is24Hour = {false}
                date = {new Date()}
            />
        </>
      );
    }

Таким образом, в моем родительском компоненте у меня может быть один метод, который может обрабатывать обновления для нескольких средств выбора даты и времени в моем контейнере (на самом деле это мой вариант использования). Вместо того, чтобы иметь обработчики одного и того же типа (с другим именем свойства) практически для одного и того же.

Обновлено:Закусочная выставка