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

时间:2018-05-07 13:54:13

标签: reactjs material-ui

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

我收到此错误。文档说

  

名称类型默认描述

     

children * node的内容   按钮。

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

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

2 个答案:

答案 0 :(得分:6)

&#34;的子&#34;标签之间是什么:

<Button>we are the children</Button>

因为你没有通过任何东西 - 它的未定义。要修复错误,只需添加React可以呈现的内容,例如string:

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

答案 1 :(得分:5)

看起来他们删除了label属性并将其移至children道具。

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

<Button> here comes the label </Button>

您随时可以查看组件的演示。见here