styled-components学习笔记

使用styled-components自定义一个样式组件时，切记：const的组件名字，首字母一定要大写，一定要大写！！！！！！！

import React, { Component } from "react"; import styled from "styled-components"; const StyleButton = styled.button` width: 220px; height: 30px; line-height: 30px; background-color: yellow; `; class App extends Component { render() { return ( <div style={{ paddingTop: 70 }}> <StyleButton>查看styled-components样式</StyleButton> </div> ); } } export default App;