支持`children`在`Button`中被标记为必需,但它的值是'undefined`

Question

我正在尝试转换旧的Material UI实现.文档有点滞后.

我收到这个错误.文档说

名称类型默认描述

children*node按钮的内容.

这意味着什么,我需要在代码中加入什么？

<Button
  variant="raised"
  color="primary"
  className={classes.Button}
  label={this.state.buttonLabel}
  onClick={this.handleClick}
>
</Button>

Answer 1

标签之间是“子级”：

<Button>we are the children</Button>

因为您什么都不传递-它是undefined。要修复错误，只需添加React可以渲染的内容，例如string：

<Button
  variant="raised"
  color="primary"
  className={classes.Button}
  label={this.state.buttonLabel}
  onClick={this.handleClick}
>
  My Button
</Button>;

Answer 2

看起来他们删除了label属性并将其移动到children道具.

所以你必须把它放在标签之间,例如

<Button> here comes the label </Button>

您始终可以查看组件的演示.看到这里