split is not a function react js

Question

deleteImages = (images, index, onComplete) => {
    const deleteAgain = (images, index, onCompleted) => 
    this.deleteImages(images, index, onCompleted);

    let splited_link = images[index].split("/")
    let name = splited_link[splited_link.length - 1].split("?")[0].replace("banners%2F", "");

    console.log(name)
  }

Hello guys.

Guys please help i am junior. Error in my this code.

Uncaught TypeError: images[index].split is not a function
    at HomeFragment.deleteImages (HomeFragment.js:375:1)
    at delete (HomeFragment.js:480:1)

split is not a function split is not a function

firebasestorage.googleapis.com/v0/b/marly-b3b4e.appspot.com/o/… — Begencgeldi Geldiev
– Begencgeldi Geldiev, Commented Aug 16, 2022 at 19:48

Alyson Maia · Accepted Answer · 2022-08-16 19:55:06Z

1

The method split is only available for strings. So this error will occur every time you try to call it in a variable that is not a string.

In your case, you probably are trying to access an index that is not in the array images, or inserted something that is not of type string in images.

Try to log what is in the variable right before the error:

  deleteImages = (images, index, onComplete) => {
    const deleteAgain = (images, index, onCompleted) => 
    this.deleteImages(images, index, onCompleted);

    console.log(images[index], index, images.length); // this will do
    let splited_link = images[index].split("/")
    let name = splited_link[splited_link.length - 1].split("?")[0].replace("banners%2F", "");

  }

Examples of what can be happening:

const images = ['a', 'b', 1]
images[1].split() // Everything works fine
images[2].split() // Error because index 2 is a integer
images[3].split() // Error because index 3 do not exist in images

edited Aug 16, 2022 at 19:55

answered Aug 16, 2022 at 19:39

Alyson Maia

8105 silver badges14 bronze badges

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

6 Comments

Begencgeldi Geldiev Over a year ago

firebasestorage.googleapis.com/v0/b/marly-b3b4e.appspot.com/o/…

Alyson Maia Over a year ago

try to add the console.log before the splited_link and check what is the last value logged

Begencgeldi Geldiev Over a year ago

this code return console.log(images[index]);

Begencgeldi Geldiev Over a year ago

{banner: 'firebasestorage.googleapis.com/v0/b/marly-…=media&token=51b74afe-0025-426d-b504-df93023353ba'} banner: "firebasestorage.googleapis.com/v0/b/marly-b3b4e.appspot.com/o/…" [[Prototype]]: Object

krishn kumar modanval Over a year ago

can you please share your complete response of images?

|

Collectives™ on Stack Overflow

split is not a function react js

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related