MaterialUI - Стилизация текста заполнителя для ввода

Question

Я попытался ответить на несколько вопросов, связанных с переполнением стека, для некоторых похожих вопросов о пользовательском интерфейсе материалов, но ни одно из решений не подходит для моего случая.

У меня есть компонент Input с текстом-заполнителем.Я хочу стилизовать размер текста заполнителя и семейство шрифтов.Прямо сейчас я просто встроенный стиль через inputProps на компоненте.Вот мой код:

<Input
          inputProps={{
            classes: {
              fullWidth: {fontFamily: 'Open Sans', fontSize: 18.9}
            }
          }}
          fullWidth={true}
          placeholder="Business Email Address"
          onChange={this._onChange}
        />

Answer 1

Стилизованные компоненты в es6, вы можете использовать это, создать константу со стилем

//this out side the class
const inputStyle = {
  fontFamily: 'Open Sans', 
  fontSize: 18.9px
};

<Input
   style={inputStyle}
   fullWidth={true}
   placeholder="Business Email Address"
   onChange={this._onChange}
/>

Я надеюсь, что эта работа с вами