selectedSearchTab не является функцией

Question

Работа с реакции-нативом мега-расстраивает.Это более расстраивает, потому что я новичок в этом.Я написал компонент, который принимает избыточное действие в качестве входных данных.

import React from "react";
import {Text} from "react-native";
import styles from "./searchBoxStyles";
import {View,InputGroup,Input} from "native-base";
import Icon from "react-native-vector-icons/FontAwesome";

export const SearchBox = (getInputData,selectedSearchTab) => {

    function handleInput(key,val){
        getInputData({
            key,
           value:val});
    }

    return(
        <View style={styles.searchBox}>
            <View style={styles.inputWrapper}>
                <Text style={styles.label}>PickUp</Text>
                <InputGroup>
                    <Icon name="search" size={15} color="#FF5E3A"/>
                    <Input onFocus={()=>selectedSearchTab("pickUp")} style={styles.inputSearch} placeholder="choose pickup location" onChanangeText={handleInput.bind(this,"pickUp")}/>
                </InputGroup>
            </View>
            <View style={styles.secondInputWrapper}>
                <Text style={styles.label}>DropOff</Text>
                <InputGroup>
                    <Icon name="search" size={15} color="#FF5E3A"/>
                    <Input onFocus={()=>selectedSearchTab("dropOff")} style={styles.inputSearch} placeholder="choose drop off location" onChanangeText={handleInput.bind(this,"dropOff")}/>
                </InputGroup>
            </View>
        </View>
    );
};

export default SearchBox;

getInputData & selectedSearchTab оба являются избыточными действиями, передаваемыми из компонента контейнера.

При нажатии на текстовое поле я получаю selectedSearchTab не является ошибкой функции.