使用材质ui样式对自定义组件进行样式化

时间:2019-02-20 15:53:51

标签: reactjs material-ui

我正在使用NumberFormat程序包,但我希望对其进行样式设置,就像使用material-ui中的TextField一样。

我的组件如下:

<NumberFormat label={strings.minDays} style={{marginRight:'20px'}}/>

我已经尝试了几项没有成功的事情:

  • 向“ FormControl”添加className属性;
  • 向“ FormControl”添加classes属性;
  • 使用(withStyles)前缀

但是我有点迷茫,不确定如何实现自己的目标。

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

 import YourCustomInput from 'custom';
 <NumberFormat 
  customInput={<YourCustomINput style={{}} className="CustomClassName"/>} 
  format="#### #### #### ####"/>