Как работать с виджетами ВК в react spa?

Question

[nikita-slb]

Добрый день. Не могу понять, как подключить виджет ВК в 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, который разрешил/запретил отправку сообщений
У кого есть идеи, как это исправить?

Answer 1

[Олег Гамега]

Вставка кода в компонент приводит к ошибке сборки(в принципе понятно почему):
'VK' is not defined no-undef

скорее всего eslint ругается попробуйте добавить в начало файла
/* global VK */

Comments

[nikita-slb]

Спасибо!