“string[]”类型的参数不可分配给“string”类型的参数

Question

Have an array called categoryImages that I'm trying to pass into a function, and get the following error:

"Argument of type 'string[]' is not assignable to parameter of type 'string'".

const getLink = (
    groupCode: string,
    groupDisplayName: string,
    groupCount?: number,
    groupImage?: string
  )

const categoryImages = [
        attachmentImage,
        compactorImage,
        telehandlerImage,
        backhoeLoaderImage,
        excavatorImage,
        wheelLoaderImage,
        compactTrackLoaderImage,
        skidSteerLoaderImage,
      ];

} else if (Constants.isEnvironmentBFE) {
          count++;
          const newLink = getLink(
            // Grabbing API values
            group["group-code"],
            group["group-display-name"],
            group.count,
            // Load in local images
            categoryImages // <-- throws error here
          );
          categoryList[column].push(newLink);
          endColumnCheck(count);
        }

I basically want to output this array of images, into the DOM.

Answer 1

You've said that the “getLink” function takes an argument “groupImage” which is a single image, But when you call the function you are giving it an array of images “categoryImages”.

You can:

• call “getLink” with categoryImages[0] instead of the whole array. Since the image is optional this will be ok even if the array is empty.
• loop through the array and call “getLink” separately for each element
• refactor “getLink” to accept an array of images