我正在使用 ReactJS 和名為 MaterialUI 的組件庫。我在使用 Typography 組件時遇到問題。發生的情況是，如果我寫一個長文本，它會超出其容器并且不會換行：import React from "react";import { Redirect } from "react-router";import { withRouter } from "react-router-dom";import Container from "@material-ui/core/Container";import CssBaseline from "@material-ui/core/CssBaseline";import Typography from "@material-ui/core/Typography";function Homepage() {  return (    <div>      <React.Fragment>        <CssBaseline />        <Container fixed>          <Typography variant="h1" component="h2" align="center">            123 456 789 qwertyuiopasdfghjklzxcvbnm          </Typography>        </Container>      </React.Fragment>    </div>  );}export default withRouter(Homepage);在圖像下方：這發生在移動模式和桌面模式中。你知道如何解決這種行為嗎？如果已達到容器的最大寬度，我希望將長單詞拆分為新行。