1d384662fS猫头猫import React from 'react'; 2d384662fS猫头猫import useTopListDetail from './hooks/useTopListDetail'; 3d384662fS猫头猫import {useParams} from '@/entry/router'; 4be539549S猫头猫import MusicSheetPage from '@/components/musicSheetPage'; 5*956ee1b7S猫头猫import {RequestStateCode} from '@/constants/commonConst'; 6d384662fS猫头猫 7d384662fS猫头猫export default function TopListDetail() { 8d384662fS猫头猫 const {pluginHash, topList} = useParams<'top-list-detail'>(); 9*956ee1b7S猫头猫 const [topListDetail, state, loadMore] = useTopListDetail( 10*956ee1b7S猫头猫 topList, 11*956ee1b7S猫头猫 pluginHash, 12*956ee1b7S猫头猫 ); 13d384662fS猫头猫 14*956ee1b7S猫头猫 return ( 15*956ee1b7S猫头猫 <MusicSheetPage 16*956ee1b7S猫头猫 navTitle="榜单" 17*956ee1b7S猫头猫 sheetInfo={topListDetail} 18*956ee1b7S猫头猫 onEndReached={loadMore} 19*956ee1b7S猫头猫 loadMore={state & RequestStateCode.LOADING ? 'loading' : 'done'} 20*956ee1b7S猫头猫 /> 21*956ee1b7S猫头猫 ); 22d384662fS猫头猫} 23