mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
30 lines
665 B
TypeScript
30 lines
665 B
TypeScript
import Link from 'next/link'
|
|
import styles from './styles.module.css'
|
|
|
|
export default function Page({ params: { num } }) {
|
|
return (
|
|
<div>
|
|
{new Array(100).fill(0).map((_, i) => (
|
|
<div
|
|
key={i}
|
|
style={{
|
|
height: 100,
|
|
width: 100,
|
|
background: 'pink',
|
|
margin: 10,
|
|
}}
|
|
>
|
|
<Link id="lower" href={`/${Number(num) - 1}`}>
|
|
lower
|
|
</Link>
|
|
<div>{num}</div>
|
|
<Link id="higher" href={`/${Number(num) + 1}`}>
|
|
higher
|
|
</Link>
|
|
</div>
|
|
))}
|
|
<div className={styles.square} />
|
|
</div>
|
|
)
|
|
}
|