我正在使用 ReactJS 和名為 MaterialUI 的組件庫(kù)。我在使用 Typography 組件時(shí)遇到問(wèn)題。發(fā)生的情況是，如果我寫(xiě)一個(gè)長(zhǎng)文本，它會(huì)超出其容器并且不會(huì)換行：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);在圖像下方：這發(fā)生在移動(dòng)模式和桌面模式中。你知道如何解決這種行為嗎？如果已達(dá)到容器的最大寬度，我希望將長(zhǎng)單詞拆分為新行。