CSS-in-JS

CSS-in-JS 是一种将样式直接写入JavaScript代码中的方法，它通常与React、Vue等现代前端框架结合使用。

1. 什么是CSS-in-JS？

CSS-in-JS 是一种编写样式的方法，它允许开发者在JavaScript组件内部定义样式，通常使用类似于CSS的语法。这种方式提高了代码的可复用性和可维护性，因为它将样式与组件逻辑紧密关联。

2. 选择库

• styled-components：流行的CSS-in-JS库，使用模板字符串定义样式。
• emotion：另一个高性能的库，支持CSS-in-JS和CSS Modules。

3. 基本用法（以styled-components为例）

首先，安装styled-components库：

npm install styled-components

然后，在你的组件中使用它：

import React from 'react';
import styled from 'styled-components';const Button = styled.b