18a9c7e371
* Update `packages/` * Update examples * Update tests * Update bench * Update top level files * Fix build * trigger
53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
import React, { Component } from 'react'
|
|
import Link from 'next/link'
|
|
|
|
let count = 0
|
|
|
|
export default class SelfReload extends Component {
|
|
static getInitialProps({ res }) {
|
|
if (res) return { count: 0 }
|
|
count += 1
|
|
|
|
return { count }
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div id="hash-changes-page">
|
|
<Link href="#via-link">
|
|
<a id="via-link">Via Link</a>
|
|
</Link>
|
|
<a href="#via-a" id="via-a">
|
|
Via A
|
|
</a>
|
|
<Link href="/nav/hash-changes">
|
|
<a id="page-url">Page URL</a>
|
|
</Link>
|
|
<Link href="#">
|
|
<a id="via-empty-hash">Via Empty Hash</a>
|
|
</Link>
|
|
<Link href="#item-400">
|
|
<a id="scroll-to-item-400">Go to item 400</a>
|
|
</Link>
|
|
<Link href="#name-item-400">
|
|
<a id="scroll-to-name-item-400">Go to name item 400</a>
|
|
</Link>
|
|
<p>COUNT: {this.props.count}</p>
|
|
{Array.from({ length: 500 }, (x, i) => i + 1).map(i => {
|
|
return (
|
|
<div key={`item-${i}`} id={`item-${i}`}>
|
|
{i}
|
|
</div>
|
|
)
|
|
})}
|
|
{Array.from({ length: 500 }, (x, i) => i + 1).map(i => {
|
|
return (
|
|
<div key={`item-${i}`} name={`name-item-${i}`}>
|
|
{i}
|
|
</div>
|
|
)
|
|
})}
|
|
</div>
|
|
)
|
|
}
|
|
}
|