Reactjs 如何在物料UI卡片表头的子标题内容之间添加空格？

此问题针对物料ui cardheader的副标题道具。这与如何在javascript变量或JSX中插入空间无关

下面的代码只在句点前后产生一个空格。我想在两者之间包含更多空间或材质ui图标

subheader={getDateMonYear(post.createdAt, "MonD") + "    .    " + post.readTime + " min read"}

将

替换为

AvTimerSharpIcon

给我一个对象的结果

Oct 22 [object Object] 1  min read

Span被视为[对象]

被输出为对象

如果内部引号输出为

，如果外部引号不可识别。

使用

空白：“空格”

从“@material ui/core/styles/makeStyles”导入makeStyles；
const useStyles=makeStyles({
customCardHeader：{
空白：“空格”
}
});
功能MediaCard（）{
const classes=useStyles（）；
返回(

输出将是

foo-bar

使用

空格：“分隔符”

从“@material ui/core/styles/makeStyles”导入makeStyles；
const useStyles=makeStyles({
customCardHeader：{
空白：“空格”
}
});
功能MediaCard（）{
const classes=useStyles（）；
返回(

输出将是来自的

foo bar

，CardHeader的副标题可以是节点

因此，您可以传入任何react组件，并根据需要设置该组件的样式

  <CardHeader
    title="Something"
    subheader={<Typography>foo <span> <FavoriteIcon/> </span>   bar</Typography>}
  />

这里有一个供参考的

来自，CardHeader的副标题可以是一个节点

因此，您可以传入任何react组件，并根据需要设置该组件的样式

  <CardHeader
    title="Something"
    subheader={<Typography>foo <span> <FavoriteIcon/> </span>   bar</Typography>}
  />

---

这里有一个供参考的

subheader={{getDateMonYear（post…

没有任何区别-相同的结果我并不是说你不能传入字符串，如果你想给那个节点设置样式，那么你可以传入一个节点，根据需要给节点设置样式，这是一个沙盒（post…没有任何区别-相同的结果我并不是说你不能传入字符串，如果你想设置该节点的样式，那么你可以传入一个节点，根据需要设置该节点的样式，这是一个工作沙盒。