Node.js 如何在徽章中显示后端节点和express中的数字数据

我正在尝试实现一个显示数据库中数字数据的徽章。这是我的实现的一个片段：

<Tooltip title="Worker" aria-label="add">
        <Fab color="cyan" className={classes.fab}>
      <a href="#"> <IconButton color="white">
            <Badge badgeContent={4} color="secondary">
            <Worker/>
            </Badge>
          </IconButton></a>
          </Fab>
      </Tooltip>

我的输出如下：

---

我正在从另一个从后端获取数据的组件导入数字数据。如何实现这一点？

您可以执行以下操作：

JSX

{this.props.cart.length}

CSS

.cartIconContainer{
位置：相对位置；
}
.圆圈{
宽度：15px；
高度：15px；
边界半径：50%；
字体大小：12px；
字号：200；
颜色：#fff；
线高：14px；
文本对齐：居中；
背景色：红色；
位置：绝对位置；
排名：0；
右：-5px；
}
卡蒂肯先生{
宽度：25px；
}