Добрый день. Не могу понять, как подключить виджет ВК в react spa
Например вк предоставляет код виджета:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script>
<!-- VK Widget -->
<div id="vk_allow_messages_from_community"></div>
<script type="text/javascript">
VK.Widgets.AllowMessagesFromCommunity("vk_allow_messages_from_community", {height: 30}, 2158488);
</script>
Первую часть я добавляю прямо в index.html
<script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script>
А вот как работать с остальным кодом внутри компонента:
VK.Widgets.AllowMessagesFromCommunity("vk_allow_messages_from_community", {height: 30}, 2158488);
VK.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed", function f(userId) {
console.log(userId);
});
VK.Observer.subscribe("widgets.allowMessagesFromCommunity.denied", function f(userId) {
console.log(userId);
});
Вставка кода в компонент приводит к ошибке сборки(в принципе понятно почему):
'VK' is not defined no-undef
Надо получать в коде компонента userId, который разрешил/запретил отправку сообщений
У кого есть идеи, как это исправить?
Средний