Попытка изменить цвет моего заполнителя по умолчанию при использовании response-select на черный, не работает

Question

Текст в настоящее время серый, и его трудно увидеть, я хочу сделать его черным, чтобы он был заметен.Всякий раз, когда я меняю выбранное значение, оно изменяется, но когда я пытаюсь установить цвет по умолчанию для контрольного текста на черный, он ничего не делает.Другие мои настройки работают, например backgroundColor, работает fontfamily.

Я устанавливаю значение заполнителя для моего состояния при визуализации.

const colourStyles = {
  control: styles => ({ ...styles, fontFamily: 'Times new roman, sans-serif !important', color: 'black',  backgroundColor: this.state.selectedOption.value || this.state.statusLiveOff, fontSize: 23,  paddingLeft: 'center', height:46})
}
<Select
   onChange={this.handleChange}
   options={optionsStatus}
   styles={colourStyles}
   placeholder= {this.state.statusColor}
 /> 

Answer 1

Вы можете изменить цвет текста, изменив singleValue стили в вашем объекте стилей

const colourStyles = {
  control: styles => ({ ...styles, fontFamily: 'Times new roman, sans-serif !important', color: 'black',  backgroundColor: this.state.selectedOption.value || this.state.statusLiveOff, fontSize: 23,  paddingLeft: 'center', height:46}),
  singleValue: styles => ({...styles, color: 'black'})
}