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

Update with-url-object-routing (#4314)

Browse source 
Use `withRouter` HOC to avoid _deprecation warning_ using `url`
This commit is contained in:
Lionel 2018-05-16 12:35:27 +02:00 committed by Tim Neutkens
parent 6893158b55
commit c8bf63e72c
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
examples/with-url-object-routing/pages/about.js
View file

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