undefined is not an object when import external js file in react native

Question

i am import external js file and call funcation in component but getting error "get i use this code but showing undefined is not an object (evaluating _ApiHelper.ApiHelper.getPost)"

Main login file code

import React, { Component } from "react";
import Icon from "react-native-vector-icons/Ionicons";
import {
  View,
  StyleSheet,
  Image,
  TextInput,
  TouchableOpacity,
  Text,
  Alert,
  KeyboardAvoidingView
} from "react-native";
//
import { Search } from '../Search/Search';
import { ApiHelper } from '../../api/ApiHelper'; 

export default class Login extends Component {
  static navigationOptions =
   {
      title: 'LoginActivity',
   };

constructor(props) {

    super(props);
    //
    //Obj = new ApiHelper();
    //

    this.state = {
      userName: '',
      password: '',
      serverName:''
    }

  }

UserRegistrationFunction = () =>{


 const { userName }  = this.state ;
 const { password }  = this.state ;
 const { serverName }  = this.state ;
  this.data =  {
      name: userName,
      email: password,
      password: serverName

    }

   alert(ApiHelper.getPost());
 //Alert.alert(returndata);

  }

Import file code

  const ApiHelper = {
  getPost:() => {
    return 1;

  }
}

export default ApiHelper;

what wrong in my code i also clear react native cache and other stuff. thank in advance.

Either you're importing the wrong file, or you're not showing the relevant part of the code. Or maybe you didn't copy/paste the error and made a typo. — Serge K.
– Serge K., Commented Jan 5, 2018 at 9:39
The error shows a call to getdata, which is not shown here in your code. — Serge K.
– Serge K., Commented Jan 5, 2018 at 9:42
Turns out you made a typo. :) Now look at @mersocarlin's answer. — Serge K.
– Serge K., Commented Jan 5, 2018 at 9:45

Hemerson Carlin · Accepted Answer · 2018-01-05 09:44:04Z

4

Your ApiHelper file exports default.

So in order to use it somewhere else, just import it as:

import ApiHelper from '../../api/ApiHelper'

answered Jan 5, 2018 at 9:44

Hemerson Carlin

7,4241 gold badge29 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Hemerson Carlin Over a year ago

@jhon Did you remove the curly brackets as well?

jhon Over a year ago

yes i remove used like import ApiHelper from '../../api/ApiHelper';

Hemerson Carlin Over a year ago

What happens if you console.log(ApiHelper)? (without calling getPost)

jhon Over a year ago

get [object Object]

Pratyush Sharma · Accepted Answer · 2018-01-05 09:42:09Z

0

I guess getData is not defined/misspelled in the ApiHelper class and the function working on the output expects an object. Since typeof(undefined) is not object that's why it is throwing an error.

answered Jan 5, 2018 at 9:42

Pratyush Sharma

2672 silver badges7 bronze badges

1 Comment

jhon Over a year ago

sorry for getData it getPost i am using and it not working i didn't understand what wrong in my code

Collectives™ on Stack Overflow

undefined is not an object when import external js file in react native

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related