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

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

Browse source
This commit is contained in:
Tim Neutkens 2017-06-27 07:02:30 +02:00 committed by Arunoda Susiripala
parent 3d162d9d7b
commit 12e8b1265d
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
readme.md
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). 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. 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 ```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 #### Imperatively
<p><details> <p><details>