Настройка пользовательского интерфейса TextField

Question

Я не могу настроить метку в компоненте TextField.Стили не применяются к метке в компоненте TextField .Что я делаю не так?

    import React, { PureComponent } from 'react'
    import { withStyles } from '@material-ui/core/styles'
    import TextField from '@material-ui/core/TextField'

    const StyledTextField = withStyles({
        root: {},
        label: {
            textTransform: 'uppercase'
        }
    })(TextField)

    class App extends PureComponent {
        render() {
            return (
                <StyledTextField
                    id='city-of-residence'
                    label='Город проживания'
                    fullWidth={true}
                    margin='normal'
                    helperText='helperText'/>
            )
        }
    }

    ReactDOM.render(<App />, document.getElementById('root'))

Ожидаемый результат =)

Токрезультат = (

Answer 1

привет, вы можете использовать свой собственный элемент реагирования внутри ярлыка, как показано ниже

 <StyledTextField
                    id='city-of-residence'
                    label={<p style={{textTransform: 'uppercase'}}>Город проживания</p>}
                    fullWidth={true}
                    margin='normal'
                    helperText='helperText'/>
            )