概念：模板字符串

安装styled-components

github.com/styled-comp…
安装命令

1. yarn add styled-components
2. yarn add --dev @types/styled-components
   （1）. types写错，少写一个s，导致安装失败
   （2）. 提示删除package-lock.json，直接删除再安装，成功
3. 再安装 styled components 插件
4. 代码

import styled from "styled-components";

const Button = styled.button`
  color: red;
  &:hover{
    background-color: coral;
  }
`;

function App() {
  return (
    <div>
      <Button> 你好 </Button>
    </div>
  );
}

其中，Button是可以封装成一个组件的
5. 删除不必要的代码