mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
Update the custom-server-express with an req.params example (#3258)
This commit is contained in:
parent
e67d17ef84
commit
fbd4f03254
|
@ -5,5 +5,6 @@ export default () => (
|
||||||
<ul>
|
<ul>
|
||||||
<li><Link href='/b' as='/a'><a>a</a></Link></li>
|
<li><Link href='/b' as='/a'><a>a</a></Link></li>
|
||||||
<li><Link href='/a' as='/b'><a>b</a></Link></li>
|
<li><Link href='/a' as='/b'><a>b</a></Link></li>
|
||||||
|
<li><Link href='/posts/2'><a>post #2</a></Link></li>
|
||||||
</ul>
|
</ul>
|
||||||
)
|
)
|
||||||
|
|
17
examples/custom-server-express/pages/posts.js
Normal file
17
examples/custom-server-express/pages/posts.js
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
import React, { Component } from 'react'
|
||||||
|
|
||||||
|
export default class extends Component {
|
||||||
|
static getInitialProps ({ query: { id } }) {
|
||||||
|
return { postId: id }
|
||||||
|
}
|
||||||
|
|
||||||
|
render () {
|
||||||
|
return <div>
|
||||||
|
<h1>My blog post #{this.props.postId}</h1>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||||||
|
tempor incididunt ut labore et dolore magna aliqua.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}
|
|
@ -18,6 +18,10 @@ app.prepare()
|
||||||
return app.render(req, res, '/a', req.query)
|
return app.render(req, res, '/a', req.query)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
server.get('/posts/:id', (req, res) => {
|
||||||
|
return app.render(req, res, '/posts', { id: req.params.id })
|
||||||
|
})
|
||||||
|
|
||||||
server.get('*', (req, res) => {
|
server.get('*', (req, res) => {
|
||||||
return handle(req, res)
|
return handle(req, res)
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in a new issue