nextJS styled-jsx 的使用

作用

1.可以根据组件，按需加载，卸载时一起卸载
2.不会形成样式命名冲突

示例

import { withRouter } from 'next/router'
const Task = ({ router,fzr }) => (
    <div>
        {/* 定义当前页面样式 */}
        <style jsx>{`
            span{
                color: red;
            }
        `}</style>
        {/* 定义全局样式 */}
        <style jsx global>{`
            span{
                color: #ccc;
            }
        `}</style>
        <span>{router.query.taskName} 任务负责人：{fzr}</span>
    </div>
)
export default withRouter(Task)