Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
CoCo_Code_Op2
next.js
提交
c106a1d0
N
next.js
项目概览
CoCo_Code_Op2
/
next.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
next.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
c106a1d0
编写于
2月 09, 2017
作者:
T
Tim Neutkens
提交者:
Arunoda Susiripala
2月 09, 2017
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Using router example improvements (#1034)
上级
4534c559
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
32 addition
and
29 deletion
+32
-29
examples/using-router/components/Header.js
examples/using-router/components/Header.js
+18
-18
examples/using-router/pages/error.js
examples/using-router/pages/error.js
+14
-11
未找到文件。
examples/using-router/components/Header.js
浏览文件 @
c106a1d0
...
...
@@ -2,30 +2,30 @@ import Router from 'next/router'
export
default
()
=>
(
<
div
>
<
Link
href
=
'
/
'
>
<
a
>
Home
<
/a>
</
Link
>
<
Link
href
=
'
/about
'
>
<
a
>
About
<
/a>
</
Link
>
<
Link
href
=
'
/error
'
>
<
a
>
Error
<
/a>
</
Link
>
<
Link
href
=
'
/
'
>
Home
<
/Link
>
<
Link
href
=
'
/about
'
>
About
<
/Link
>
<
Link
href
=
'
/error
'
>
Error
<
/Link
>
<
/div
>
)
// typically you want to use `next/link` for this usecase
// but this example shows how you can also access the router
// and use it manually
const
Link
=
({
children
,
href
})
=>
(
<
a
href
=
'
#
'
style
=
{
styles
.
a
}
onClick
=
{(
e
)
=>
{
e
.
preventDefault
()
Router
.
push
(
href
)
}}
>
{
children
}
<
/a
>
)
const
styles
=
{
a
:
{
marginRight
:
10
function
onClickHandler
(
href
)
{
return
(
e
)
=>
{
e
.
preventDefault
()
Router
.
push
(
href
)
}
}
const
Link
=
({
children
,
href
})
=>
(
<
a
href
=
'
#
'
onClick
=
{
onClickHandler
(
href
)}
>
{
children
}
<
style
jsx
>
{
`
a {
margin-right: 10px;
}
`
}
<
/style
>
<
/a
>
)
examples/using-router/pages/error.js
浏览文件 @
c106a1d0
import
React
from
'
react
'
import
{
Component
}
from
'
react
'
import
Header
from
'
../components/Header
'
import
Router
from
'
next/router
'
const
ErrorPage
=
({
aa
})
=>
(
<
div
>
<
Header
/>
<
p
>
This
should
not
be
rendered
via
SSR
<
/p
>
<
/div
>
)
export
default
class
extends
Component
{
static
getInitialProps
()
{
console
.
log
(
Router
.
pathname
)
return
{}
}
ErrorPage
.
getInitialProps
=
()
=>
{
console
.
log
(
Router
.
pathname
)
render
()
{
return
(
<
div
>
<
Header
/>
<
p
>
This
should
not
be
rendered
via
SSR
<
/p
>
<
/div
>
)
}
}
export
default
ErrorPage
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录