1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-url-object-routing/pages/about.js
Sergio Daniel Xalambrí 38822717a9 Add support for URL objects in Link and Router (#1345)
* Add support for URL objects in Link and Router

* Fix typo in comment

* Fix possible bug if the `href` prop is `null`

* Document the usage of URL objects in Link and Router

* Update readme.md

* Parse URL to get the host & hostname in `isLocal`

This should check if the current location and the checked URL have the same `host` or `hostname`.

* Format `as` parameter from object to string if required

* Format `href` and `as` inside the construct and componentWillReceiveProps

* Use `JSON.stringify` to compare objects

* Add usage example

* chore(package): update chromedriver to version 2.28.0 (#1386)

https://greenkeeper.io/

* Refactor the codebase a bit.

* Change the example name.

* Add a few test cases.

* Add the example to the README.
2017-03-12 09:27:51 +05:30

29 lines
542 B
JavaScript

import React from 'react'
import Link from 'next/link'
import Router from 'next/router'
const href = {
pathname: '/about',
query: { name: 'zeit' }
}
const as = {
pathname: '/about/zeit',
hash: 'title-1'
}
const handleClick = () => Router.push(href, as)
export default (props) => (
<div>
<h1>About {props.url.query.name}</h1>
{props.url.query.name === 'zeit' ? (
<Link href='/'>
<a>Go to home page</a>
</Link>
) : (
<button onClick={handleClick}>Go to /about/zeit</button>
)}
</div>
)