ReactJS+Redux:如何使用Material UI's将按钮提升为<input/>

ReactJS + Redux: How to use Material-UI's RaisedButton as <input/>?

本文关键字：lt gt input 按钮 何使用 Material UI ReactJS+Redux      更新时间：2023-09-26

我想使用Material UI的RaisedButton（http://www.material-ui.com/#/components/raised-按钮）作为<input/>，所以我尝试了以下操作：

      <RaisedButton
        containerElement={<input type="file" onChange={this._handleImageChange}/>}
        label="Upload Image"
        labelColor='#88898C'
        labelStyle={{textTransform:'intial'}}
        backgroundColor='#1C1C1F'
      />

但是我得到了一个错误CCD_ 2。

有办法做到这一点吗？我希望RaisedButton的动作像<input type="file" onChange={this._handleImageChange}/>

提前谢谢！

"containerElement"的值将是包含按钮的元素（换句话说，按钮的父级或包装器）。HTML输入不允许包含任何其他元素，因此出现错误。

将您的输入作为按钮的子项：

<RaisedButton label="Upload Image"
              labelColor='#88898C'
              labelStyle={{textTransform:'intial'}}
              backgroundColor='#1C1C1F'>
  <input type="file" onChange={this._handleImageChange}/>
</RaisedButton>
相关文章：