源生添加样式
一个页面永远离不开样式,在Next.js中推荐一种简介高效的方法——<style jsx>
。
为的主页添加一些样式:
import Link from 'next/link'
import Router from 'next/router'
const index = () => (
<div>
<h2>Welcome to next.js!</h2>
<Link href="/my/my">
<a>to My</a>
</Link>
<button
onClick={() => {
Router.push('/my/my')
}}
>
点击啊
</button>
<style jsx>
{`
h2 {
color: red;
}
`}
</style>
</div>
)
export default index