Как я могу исправить эту проблему, я хочу создать массив альбомов

Это ошибка, которая появляется после того, как я наведу на атрибут альбома, который отображается красным Я попытался отследить эту проблему, перейдя в файл AlbumCategory-> index.tsx, но я продолжаю получать ту же ошибку, что и все, но безрезультатно, пожалуйста, помогите и поблагодарите вас заранее

 Type '{ id: string; imageUri: string; artistsHeadline: string; }[]' is not assignable to type '[Album]'.
      Target requires 1 element(s) but source may have fewer.ts(2322)
    index.tsx(8, 5): The expected type comes from property 'albums' which is declared here on type 'IntrinsicAttributes & AlbumCategoryProp'

Как я могу исправить эту проблему, я хочу создать массив альбомов

вот код файла HomeScreen.tsx

import * as React from 'react';
import { StyleSheet } from 'react-native';

import EditScreenInfo from '../components/EditScreenInfo';
import { Text, View } from '../components/Themed';
import AlbumCategory from '../components/AlbumCategory';

const albumCategory = {
  id: '1',
  title: 'Trap-Co',
  ablums:[
    {
      id: '1',
      imageUri: 'https://cache.boston.com/resize/bonzai-fba/Globe_Photo/2011/04/14/1302796985_4480/539w.jpg',
      artistsHeadline: 'Taylor Swift, Kygo Objective C, Avicii'
    }

  ]
};

export default function HomeScreen() {
  return (
    <View style = {styles.container}>
      <AlbumCategory  title = {albumCategory.title} albums = {albumCategory.ablums} />//this the error

    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  title: {
    fontSize: 20,
    fontWeight: 'bold',
  },
  separator: {
    marginVertical: 30,
    height: 1,
    width: '80%',
  },
});

Вот код файла AlbumCategory-> index.tsx

import React from 'react';
import { Text, View } from 'react-native';
import { Album } from '../../types'
import styles from './styles';
export type AlbumCategoryProp = {
    id: string;
    title: string;
    albums: [Album],
}


const AlbumCategory = function (props: AlbumCategoryProp): JSX.Element {
    return (
        <View>
            <Text style = {styles.title}>{props.title}</Text>
        </View>
    );
}

export default AlbumCategory;

Вот код файла type.tsx

export type Album = {
  id: string;
  imageUri: string;
  artistsHeadline: string;
};
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
26
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

В определении AlbumCategoryProp у вас, кажется, опечатка. Это не набор альбомов:

albums: [Album],

Я угадывать, вместо этого он интерпретируется как массив (любого типа), который содержит ровно один Album, и массив, который вы ему передаете, не гарантирует этого.

Это будет простой набор альбомов:

albums: Album[];

это не сработало, это приведет к ошибке

George S Mulbah II 31.03.2021 18:11

@GeorgeSMulbahII: А что это за ошибка? Какая линия его производит?

David 31.03.2021 18:12

Вы правы, у меня была опечатка с точкой с запятой

George S Mulbah II 31.03.2021 22:00

Я думаю, вам стоит ПОПРОБОВАТЬ:

albums:Album[];

этого не было, у вас есть другие предложения

George S Mulbah II 31.03.2021 18:12

Другие вопросы по теме