我不能使用Styled Components将Button组件置于Material-UI中

Question

我接下来是Material UI @的新手，我喜欢它支持Styled Components的事实。

但是，我正在努力通过Styled Components将 Button 组件与中心对齐。我只能通过使用 styles 技术来对齐它，例如：

const styles = {
  container: {
    textAlign: "center"
  }
};

class Landing extends Component {
  render() {
    return (
    ...
    <div style={styles.container}>
      <Button variant="raised" color="primary">
        I am a button
      </Button>
    </div>
    );
  }
}

这是我想要避免的，而是使用样式组件，例如：

const Container = styled.div`
  text-align: "center";
`;

然而，由于某种原因它虽然看起来完全相同但却无法正常工作。有人可以解释text-align和textAlign是否指向相同的CSS属性？