列表未在页面中呈现

Question

我是新来的反应者，正在尝试在确认页面中呈现列表。但这不是渲染。它占用了空间，但是元素没有渲染。

代码如下：

return (
      <MuiThemeProvider theme={theme}>
        <React.Fragment>
          <div className={useStyles.root}>
            <AppBar position="static">
              <Toolbar>
                <Typography
                  gutterBottom
                  align="center"
                  style={{ width: "100%", alignItems: "center" }}
                >
                  Confirm Information
                </Typography>
              </Toolbar>
            </AppBar>

          </div>

          <br />
          <h3>Are you sure to continue and confirm your information?</h3>
          <List>
            <ListItem primaryText="Departments" secondaryText={value} />
            <ListItem primaryText="Title" secondaryText={Title} />
            <ListItem primaryText="Kpi_Before" secondaryText={Kpi_Before} />
          </List>
          <br />
          <Button
            variant="contained"
            color="primary"
            style={styles.button}
            onClick={this.continue}
          >
            Confirm & Continue
          </Button>
          <Button
            variant="contained"
            color="default"
            style={styles.button}
            onClick={this.back}
          >
            Back
          </Button>
        </React.Fragment>
      </MuiThemeProvider>
    );
  }

}

可能是什么问题？

我正在使用material-ui核心列表和列表项。