style-component实现继承样式

最新推荐文章于 2024-08-07 09:21:44 发布

学海无涯，生有崖

最新推荐文章于 2024-08-07 09:21:44 发布

阅读量2k

点赞数

分类专栏： style-component

本文链接：https://blog.csdn.net/weixin_43550927/article/details/103401550

版权

本文详细介绍了如何在React项目中利用Style-Component库来实现组件样式的继承，通过创建自定义样式模块，实现复用和组合，提高代码的可维护性和效率。

摘要由CSDN通过智能技术生成

import React from "react";
// npm 导入包
import styled from "styled-components";

const Button = styled.button`
  background: palevioletred;
  border-radius: 3px;
  border: none;
  color: white;
`;
// 继承 并且覆盖样式
const TomatoButton = styled