#React 举例说明样式化组件？

让我们创建

import React from 'react'
import styled from 'styled-components'

// Create a <Title> component that renders an <h1> which is centered, red and sized at 1.5em
const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;
`

// Create a <Wrapper> component that renders a <section> with some padding and a papayawhip background
const Wrapper = styled.section`
  padding: 4em;
  background: papayawhip;
`

现在，这两个变量Title和Wrapper是可以像其他任何React组件一样呈现的组件。

<Wrapper>
  <Title>{'Lets start first styled component!'}</Title>
</Wrapper>