Почему мой компонент React не отображается или не работает вообще? - PullRequest
0 голосов
/ 14 февраля 2019

Я хочу, чтобы уведомление появлялось на экране, если кто-то пытается просмотреть мою веб-страницу в мобильном браузере, сообщая им, что это не должно быть возможно.Первоначально я пытался жестко закодировать это в класс App.js, но решил использовать компонент.Тем не менее, когда я пытаюсь проверить, идет ли на мобильную связь (с помощью эмуляции Edge, доступной из правого клика + элемент inspect), уведомление не отображается.но я не вижу этогоОднако, когда я смотрю на «элементы», я вижу это в иерархии, и на экране есть место, где он дает схему, но ничего не видно с точки зрения того, что должно делать предупреждение.У меня есть файл .css для предупреждения, но он просто font-family и text-align.

ОБНОВЛЕНИЕ: Я также пытался сделать это в методе App.js render():

<MobileView>
<button
  onLoad={() => {
    if(isMobile){
      alert.show('This page is not optimized for mobile!')
    }
  }}
>
  Show Alert
</button>
</MobileView>

Я изменил его с кнопки на предупреждение, и ничего не вижу.При этом, когда я использую браузер, симулирую мобильный, а затем проверяю элемент, где я перехожу к элементам и стилям, я могу снять флажок с «непрозрачностью 0» или отредактировать значение.Как я могу сделать это в коде, если я поменяю кнопку на Alert ???

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...