Задать вопрос
@brokeninsideclown

Как в vk mini apps создать кнопку которая бы выводила функцию?

Есть код
/* global VK */
import React from 'react';
import PropTypes from 'prop-types';
import Panel from '@vkontakte/vkui/dist/components/Panel/Panel';
import PanelHeader from '@vkontakte/vkui/dist/components/PanelHeader/PanelHeader';
import Button from '@vkontakte/vkui/dist/components/Button/Button';
import Group from '@vkontakte/vkui/dist/components/Group/Group';
import Cell from '@vkontakte/vkui/dist/components/Cell/Cell';
import Div from '@vkontakte/vkui/dist/components/Div/Div';
import Avatar from '@vkontakte/vkui/dist/components/Avatar/Avatar';



const Home = ({ id, go, fetchedUser }) => (
	<Panel id={id}>
		<PanelHeader>Example</PanelHeader>
		{fetchedUser &&
		<Group title="User Data Fetched with VK Bridge">
			<Cell
				before={fetchedUser.photo_200 ? <Avatar src={fetchedUser.photo_200}/> : null}
				description={fetchedUser.city && fetchedUser.city.title ? fetchedUser.city.title : ''}
			>
				{`${fetchedUser.first_name} ${fetchedUser.last_name}`}
			</Cell>
		</Group>}

		<Group title="Navigation Example">
			<Div>
				<Button size="xl" level="2" onClick={go} data-to="persik">
					Show me the Persik, please
				</Button>
			</Div>
		</Group>
	</Panel>
);

Home.propTypes = {
	id: PropTypes.string.isRequired,
	go: PropTypes.func.isRequired,
	fetchedUser: PropTypes.shape({
		photo_200: PropTypes.string,
		first_name: PropTypes.string,
		last_name: PropTypes.string,
		city: PropTypes.shape({
			title: PropTypes.string,
		}),
	}),
};

export default Home;

Как сделать так чтобы при нажатии кнопки, вместо перехода на активити "персик" запускалась функция
<Button size="xl" level="2" onClick={go} data-to="persik">
					Show me the Persik, please
				</Button>
function dwer() {
 	bridge.send("VKWebAppShowNativeAds", {ad_format:"preloader"}) 
         .then(data => console.log(data.result)) 
        .catch(error => console.log(error));
 }
  • Вопрос задан
  • 470 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@darksnaper
<Button size="xl" level="2"onClick={()=>{bridge.send("VKWebAppShowNativeAds", {ad_format:"preloader"}) 
         .then(data => console.log(data.result)) 
        .catch(error => console.log(error));}}>
          Show me the Persik, please
        </Button>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы