href — кнопка начальной загрузки ReactJS в виде ссылки (новая вкладка)

спросил

Изменено 6 месяцев назад

Просмотрено 3к раз

Я изучил много тем об использовании кнопки в качестве ссылки, но не нашел решения для себя — мне нужно открыть определенную страницу в новой вкладке с помощью кнопки начальной загрузки React.

 <Кнопка onClick={() => onClickOpenVacancy(id)}>

Начальная загрузка React предлагает реквизит «href», но нет информации, как открыть в новой вкладке. Любые предложения, пожалуйста?

  • ReactJS
  • HREF
  • React-Bootstrap
  • React-Button

Вы должны использовать HREF и Target вместе:

9002

Это не относится к библиотеке, такой как начальная загрузка и т. д.

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Кнопка URL — Платформа Messenger — Документация

Кнопка URL открывает веб-страницу в веб-представлении Messenger. Эту кнопку можно использовать с шаблонами Button и Generic Templates.

Если на сайте есть ссылки на приложения, кнопка перейдет в собственное приложение. Если вы только что внесли изменение, вы можете использовать отладчик общего доступа, чтобы запросить новую очистку сайта.

Дополнительные сведения об использовании кнопки URL см. в разделе Кнопка URL.

Синтаксис кнопки URL

SDK расширений Messenger — обязательный белый список доменов

Чтобы отобразить веб-страницу с включенным SDK Messenger Extensions в веб-представлении Messenger, необходимо внести в белый список домен, включая поддомен, в свойстве whitelisted_domains профиля Messenger вашего бота. Это гарантирует, что только доверенные домены имеют доступ к пользовательской информации, доступной через функции SDK.

Дополнительные сведения о доменах, включенных в белый список, см. в справочнике

whitelisted_domains .

 {
  "тип":"web_url",
  "url":"",
  "название":"",
  "webview_height_ratio": "<компактный|высокий|полный>",
  "messenger_extensions": "<истина|ложь>",
  "fallback_url": ""
}

Пример использования URL 

 curl -X POST -H "Content-Type: application/json" -d '{
  "получатель":{
    "id":""
  },
  "сообщение":{
    "вложение":{
      "тип":"шаблон",
      "полезная нагрузка": {
        "template_type":"кнопка",
        "text":"Попробуйте кнопку URL!",
        "кнопки": [
          {
            "тип":"web_url",
            "url":"https://www.
 
 messenger.com/",
            "title":"Кнопка URL",
            "webview_height_ratio": "полный"
          }
        ]
      }
    }
  }
}' "https://graph.facebook.com/v2.6/me/messages?access_token="

Пример ответа URL 

{
  "recipient_id": "1254477777772919",
  "message_id": "AG5Hz2Uq7tuwNEhXfYYKj8mJEM_QPpz5jdCK48PnKAjSdjfipqxqMvK8ma6AC8fplwlqLP_5cgXIbu7I3rBN0P"
}

Свойства URL

Имущество Тип Описание

тип

Строка

Тип кнопки. Должно быть web_url .

Название

Строка

Название кнопки. ограничение в 20 символов.

адрес

Строка

Этот URL-адрес открывается в мобильном браузере при нажатии кнопки. Необходимо использовать протокол HTTPS, если messenger_extensions имеет значение true.

webview_height_ratio

Строка

Дополнительно. Высота веб-просмотра. Допустимые значения: компактный , высокий , полный . По умолчанию полный .

messenger_extensions

Логический

Дополнительно. Должно быть true , если используются расширения Messenger.

резервный_адрес

Строка

URL-адрес для использования на клиентах, не поддерживающих расширения Messenger. Если это не определено, url будет использоваться в качестве запасного варианта. Его можно указать, только если

messenger_extensions истинно.

No related posts.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *