pages/albumDetail/index.tsx

import React from 'react';
import useAlbumDetail from './hooks/useAlbumMusicList';
import {useParams} from '@/core/router';
import MusicSheetPage from '@/components/musicSheetPage';

export default function AlbumDetail() {
    const {albumItem: originalAlbumItem} = useParams<'album-detail'>();
    const [loadMore, albumItem, musicList, getAlbumDetail] =
        useAlbumDetail(originalAlbumItem);

    return (
        <MusicSheetPage
            navTitle="专辑"
            sheetInfo={albumItem}
            loadMore={loadMore}
            musicList={musicList}
            onEndReached={() => {
                getAlbumDetail();
            }}
        />
    );
}