Стандартный поисковый ящик серого цвета для react-google-maps

#javascript #css #reactjs #google-maps #google-api

#javascript #css #reactjs #google-карты #google-api

Вопрос:

У меня следующая ошибка: серое поле в изображении формы

когда я делаю рендеринг стандартного поля поиска из react-google-maps, иногда появляется или исчезает это серое поле над вводом текста

это мой код:

 render() {
new window.google.maps.places.SearchBox('HOL');
return (
  <div className="g-autocomplete">
    <StandaloneSearchBox
    
      onPlacesChanged={this.onPlacesChanged}
      ref={searchBox => { this.searchBox = searchBox; }}
      >
      <input
        className={this.props.className ? this.props.className : ''}
        type="text"
        placeholder={this.props.placeholder ? this.props.placeholder : ''}
        style={this.state.defaultStyle}
      />
      
    </StandaloneSearchBox>
    
  </div>



);
  

}

Комментарии:

1. Я бы посоветовал взглянуть на различные входные псевдоклассы:hover, :input, :focus, возможно, пользовательский стиль не перезаписывает существующие стили из компонента. developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes

2. Убедитесь, что вы используете правильный ключ API и включаете библиотеку places в свой код.