Question

这是我的组件，它没有应用样式。就我而言，该组件的背景。

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

const TappableButton = (props) => {
  return(
  <div>
    <Button>{props.title}</Button>
  </div>)
}

const Button = styled.button`
  background: "red";
`;

export default TappableButton;

Answer 1

我明白了..问题在于引号，它没有引号，只是将“红色”更新为红色。

Answer 2

更改

const Button = styled.button`
  background: "red";
`;

到

const Button = styled.button`
  background: red;
`;

您不需要在该文字两边加上引号。 demo

样式化组件未应用于该组件

2 个答案: