如何在全局范围内自定义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允许我们在某些情况下添加一些可选图标和转换。绝对试验库并进行自己的修改，以使其完全符合您的需求。