Я следую этому руководству https://material-ui.com/guides/composition/#button
Я хочу, чтобы мой CardHeader перенаправлялся в другую часть моего приложения при нажатии. Я выполнил приведенный ниже код в соответствии с инструкциями
<Router>
<CardActionArea
component={this.LinkBehavior}
color="inherit"
onClick={() => this.LinkBehavior}
>
<CardHeader
title="Visualiseur de prix"
subheader="Analyser l'HDV et l'évolution des prix"
titleTypographyProps={{ variant: 'h3' }}
subheaderTypographyProps={{ variant: 'h6' }}
/>
<CardMedia
className={classes.media}
image={PriceImage}
title="Visualiseur de prix"
/>
<CardContent>
<Typography variant="subtitle1" color="textSecondary" component="p">
string<br></br>
Prévoyez vos achats, analysez les évolutions des prix et a vous les kamas
</Typography>
</CardContent>
</CardActionArea>
</Router>
и
LinkBehavior = React.forwardRef<any, Omit<RouterLinkProps, 'to'>>((props, ref) => (
<RouterLink ref={ref} to="/visualizer" {...props} />
));
НО, когда я нажимаю на карточку, в нижней части экрана отображается ссылка ( как настоящая ссылка), но если я нажимаю на нее, она ничего не делает. Я должен нажать Ctrl и щелкнуть, чтобы сделать активным перенаправление
Я действительно хочу, чтобы при простом клике на моей карте перенаправление было эффективным, как я могу это сделать?
Спасибо за ответ