Material-UI徽章示例：如何使用children属性

Question

我不确定如何使用徽章组件的子属性。

此处示例：badge example

文件说：

children：徽章将相对于此节点添加。

有谁能举个例子来说明如何使用它？

提前致谢。

Answer 1

查看徽章组件的源代码，它将子/子节点放在徽章内容之前。

来自the src：

  <div {...other} style={prepareStyles(Object.assign({}, styles.root, style))}>
    {children}
    <span style={prepareStyles(Object.assign({}, styles.badge, badgeStyle))}>
      {badgeContent}
    </span>
  </div>

示例：

    <Badge
      badgeContent={'Hello'}
      children={'Something before the content.'}
    />

将呈现如下：