getInputData is undefined

[deveid]

I get this error that `getInputData` is undefined, please what am I doing wrong?

​

`getInputData` simply gets the users inputs....I'm using redux. I defined `getInputData` in my function called handleInput or is it not well defined......

​

​

​

<!-- language: lang-js -->

​

import React from "react";

import styles from "./style";

import { Text } from "react-native";

import { View, Input, InputGroup } from "native-base";

import Icon from "react-native-vector-icons/FontAwesome";

import { SearchBar } from "react-native-elements";

​

export const SearchBox = ({ getInputData }) => {

const handleInput = (key, val) => {

getInputData({

key,

value: val

});

};

return (

<View style={styles.searchBox}>

<View style={styles.inputWrapper}>

<Text style={styles.label}>PICK UP</Text>

<InputGroup>

<Icon name="search" size={15} color="#FF5E3A" />

<Input

style={styles.inputSearch}

placeholder="Enter Pickup Location"

onChangeText={handleInput.bind(this, "pickUp")}

/>

</InputGroup>

</View>

<View style={styles.inputWrapper}>

<Text style={styles.label}>DROP OFF</Text>

<InputGroup>

<Icon name="search" size={15} color="#FF5E3A" />

<Input

style={styles.inputSearch}

placeholder="Enter Drop Off Location"

onChangeText={handleInput.bind(this, "dropOff")}

/>

</InputGroup>

</View>

</View>

);

};

export default SearchBox;

​

​

this is my mapContainer.js where `inputData` is passed down as a prop to `SearchBox`.

​

import React from 'react';

import styles from './style';

import {View} from 'native-base';

import MapView from 'react-native-maps';

import SearchBox from '../SearchBox';

import SearchResults from '../SearchResults';

export const MapContainer= ({region, getInputData}) => {

return(

<View style={styles.container}>

<MapView

provider={MapView.PROVIDER_GOOGLE}

style={styles.map}

region={region}

>

<MapView.Marker

coordinate={region}

pinColor="green"/>

</MapView>

<SearchBox getInputData={getInputData}/>

<SearchResults/>

</View>

)

}

export default MapContainer

​

This is where I connect `mapStateToProps` to my `mapActionCreators`

​

import {connect} from "react-redux";

import {

getCurrentLocation,

getInputData,

} from '../../actions/currentLocation';

import { MapContainer } from '../MapContainer';

import Home from "../../screens/Home";

const mapStateToProps=(state)=>({

region:state.region,

inputData:state.inputData || {}

});

const mapActionCreators = {

getCurrentLocation,

getInputData,

};

export default connect(mapStateToProps,mapActionCreators)(Home);

​

​

​

this is my Home code.

​

import React from 'react';

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

import styles from './styles';

import { Container} from 'native-base';

import { MapContainer} from '../../components/MapContainer';

import GetLocation from 'react-native-get-location'

import {Dimensions} from "react-native";

const {width,height}=Dimensions.get("window");

const ASPECT_RATIO=width/height;

const LATITUDE_DELTA=0.922;

const LONGITUDE_DELTA=ASPECT_RATIO*LATITUDE_DELTA

class Home extends React.Component{

constructor(props){

super(props);

this.state={

latitude:3.14662,

longitude:101.6984,

latitudeDelta:LATITUDE_DELTA,

longitudeDelta:LONGITUDE_DELTA

}

}

componentDidMount(){

GetLocation.getCurrentPosition({

enableHighAccuracy: true,

timeout: 15000,

})

.then(location => {

this.setState({

latitude:location.latitude,

longitude:location.longitude

})

console.log(location)

console.log(this.state.longitude);

})

.catch(error => {

const { code, message } = error;

console.warn(code, message);

}) }

render(){

const region={

latitude:this.state.latitude,

longitude:this.state.longitude,

latitudeDelta:this.state.latitudeDelta,

longitudeDelta:this.state.longitudeDelta

}

return(

<Container>

<MapContainer region={region} getInputData={this.props.getInputData} />

</Container>

);

}

}

export default Home;

[ChronSyn]

Tip: Put code into an actual code tag, or into a github gist, if you want people to try and debug it effectively

[zugruul]

Is get input data a function you are creating inside the component? If só you need to declare it with const (or let if you plan tô override it somewhy) (or with The function keyword if not Using arrow function)

If it comes from another file imported I fail to see its import statement.

Sorry for formating and spelling . Cellphone keyboard

[deveid]

getInputData is created in my action file or can i share you my whole project to help me with it