I get the error "variable uploadImageAsync cannot be found"

uploadImageAsync = async (uri) => {
  console.log("In upload image asnyc!");
}

And this is where I call it from.

_handleImagePicked = async pickerResult => {
let uploadResponse, uploadResult;

  this.setState({ uploading: true });

  if (!pickerResult.cancelled) {
    uploadResponse = await uploadImageAsync(pickerResult.uri);
    uploadResult = await uploadResponse.json();
    this.setState({ image: uploadResult.location });
  }
    this.setState({ uploading: false });
};

How can I get around this?

So far I've tried:

async function uploadImageAsync(uri) {

I've also tried:

async uploadImageAsync(uri) {

I get the error "variable uploadImageAsync cannot be found"

uploadImageAsync = async (uri) => {
  console.log("In upload image asnyc!");
}

And this is where I call it from.

_handleImagePicked = async pickerResult => {
let uploadResponse, uploadResult;

  this.setState({ uploading: true });

  if (!pickerResult.cancelled) {
    uploadResponse = await uploadImageAsync(pickerResult.uri);
    uploadResult = await uploadResponse.json();
    this.setState({ image: uploadResult.location });
  }
    this.setState({ uploading: false });
};

How can I get around this?

So far I've tried:

async function uploadImageAsync(uri) {

I've also tried:

async uploadImageAsync(uri) {

• javascript
• asynchronous
• react-native

• should you not add a const before uploadImageAsync? – vijayst Commented Nov 18, 2017 at 12:53

1 Answer 1

If the uploadImageAsync function defined in the same ponent, you need call this.uploadImageAsync.

Otherwise, you must import it from the other module

or define the function outside the ponent in the same file.