front/src/TorrentDetailPage.js

import React from 'react';
import { useParams } from 'react-router-dom';
import './App.css';

export default function TorrentDetailPage() {
  const { torrentId } = useParams();

  return (
    <div className="container">
      <h1>种子详情页</h1>
      <h2 style={{ fontSize: 'inherit', fontWeight: 'normal', textAlign: 'left' }}>标题: 种子{torrentId}</h2>
      <p style={{ fontSize: 'inherit', textAlign: 'left' }}>简介: 这是种子{torrentId}的详细信息。</p>
      <div style={{ textAlign: 'center', marginTop: '20px' }}>
        <button style={{ padding: '10px 20px', fontSize: '16px', cursor: 'pointer', backgroundColor: '#d3f0ff', border: 'none', borderRadius: '4px' }}>
          下载
        </button>
      </div>
    </div>
  );
}