reactjs - 如何为material-ui卡片标题指定 anchor ？

Question

我在 material-ui 中有一个简单的卡片:

 <Card>
    <CardHeader
      title={this.props.series.name} />
  </Card>

我希望标题是指向我通过属性传入的 URL 的链接。我查看了卡片标题的 JSX 源代码，但我不知道如何实现这一点。

Answer 1

最简单的方法是输入 a CardHeader 的 title 属性中的标签:

<CardHeader
    action={
        <IconButton>
            <MoreVertIcon />
        </IconButton>
    }
    title={
        <Link to={url}>{props.name}</Link> //similarly use `a` if not using react-router
    }
    // For making an avatar link
    avatar={
        <Avatar component={Link} to={url} aria-label={props.name} className={classes.avatar}>
            A
        </Avatar>
            }
    subheader={props.subheader}
/>