#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 в свой код.