Material UIのサブコンポーネントをグローバルにカスタム化する方法

Question

TextFieldのフローティングラベルをカスタマイズしたいと考えています。

私は以下のように新しいものを作成することを知っていますが、より良い方法がありますか？

import TextFiled from 'material-ui/TextField'; 
 

 
class TextFiledNew extends Component { 
 
    static propTypes = { 
 

 
    } 
 
    render() { 
 
     return (
 
      <TextFiled 
 
       floatingLabelFixed={true} 
 
       floatingLabelStyle = {{top: '88px', textTransform: 'uppercase', letterSpacing: '0.1em'}} 
 
      /> 
 
     ) 
 
    } 
 
} 
 

 
module.exports = TextFiledNew

私は変化するテーマの方法を試してみましたが、それは動作しません。だけで正常に動作し

const muiTheme = getMuiTheme({ 
 
    textField: { 
 
     floatingLabel:{ 
 
      top: '88px', 
 
      textTransform: 'uppercase', 
 
      letterSpacing: '0.1' 
 
     } 
 
    } 
 
});

Answer 1

！私たちは、材料-uiからそれらの周りにカスタムラッパーを持ついくつかのコンポーネントを使用します。私たちのEnhancedMenuItemでは、場合によってはオプションのアイコンとトランジションを追加することができます。間違いなくライブラリを試して、あなたのニーズに合ったものにするために、独自の変更を加えてください。