RaisedButton fullWith 在 v0.15 中不再展开

Question

RaisedButtons 组件在 material-ui 的 v0.15 版本中不再 fullWidth，这在 v0.15-beta 中有效。我通过在元素中添加 minWidth: '100%' 来解决它。这是故意的还是我做错了什么？

const buttonStyle = {
  minWidth:'100%',//<- works with minWidth set
};
return (
  <MuiThemeProvider muiTheme={muiTheme}>
    <div style={style}>
      <SelectField max-height={200} style={selectStyle} fullWidth={true} onChange={this.onFondsSelect} value={displayValue} id="fonds-selection">
        {this.menuItems}
      </SelectField>
      <RaisedButton style={buttonStyle} onClick={this::this.startClick} fullWidth={true}>Button 1</RaisedButton><br/>
      <RaisedButton style={buttonStyle} onClick={this.resetStart} fullWidth={1}>BUtton 2</RaisedButton>
    </div>
  </MuiThemeProvider>
  );

Answer 1

此错误是在 material-ui v15
中引入的问题 => github.com/callemall/material-ui/issues/4226

然而，正如您在问题评论中看到的那样，fullWidth 可能在 v16 中被弃用，取而代之的是样式对象。所以你做对了。

RaisedButton fullWith 在 v0.15 中不再展开

RaisedButton fullWith doesn't expand anymore in v0.15

material-ui