next styled-jsx教程 react中使用styled-jsx

styled-jsx

styled-jsx是一个支持jsx方式编写的css-in-js插件

01.安装

1.用npm安装styled-jsx

npm install --save styled-jsx

2.在babel的plugins中配置styled-jsx/babe

{
  "plugins": [
    "styled-jsx/babel"
  ]
}

如果用了next.js不用写上面的配置, 因为next.js中已经默认引入了styled-jsx插件

02. 如何使用

组件内样式

在