1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00

Document usage of <Link> without <a> (#2369)

This commit is contained in:
Tim Neutkens 2017-06-27 07:02:30 +02:00 committed by Arunoda Susiripala
parent 3d162d9d7b
commit 12e8b1265d

View file

@ -319,6 +319,8 @@ export default () => (
That will generate the URL string `/about?name=Zeit`, you can use every property as defined in the [Node.js URL module documentation](https://nodejs.org/api/url.html#url_url_strings_and_url_objects).
##### Replace instead of push url
The default behaviour for the `<Link>` component is to `push` a new url into the stack. You can use the `replace` prop to prevent adding a new entry.
```jsx
@ -329,6 +331,18 @@ export default () => (
)
```
##### Using a component that support `onClick`
`<Link>` supports any component that supports the `onClick` event. In case you don't provide an `<a>` tag, it will only add the `onClick` event handler and won't pass the `href` property.
```jsx
// pages/index.js
import Link from 'next/link'
export default () => (
<div>Click <Link href='/about'><img src="/static/image.png"></Link></div>
)
```
#### Imperatively
<p><details>