Я новичок в реакции и пытался отобразить список на странице подтверждения. Но это не рендеринг. Он занимает место, но элементы не отображаются.
Вот код:
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>
);
}
}
В чем может быть проблема?
Я использую материал- Основной список пользовательского интерфейса и элементы списка.