У меня есть приложение React с вкладками, которое вызывает отдельные файлы JS. Я использую SurveyJS, в котором у каждого опроса есть полная кнопка. На моей родительской странице, моей кнопке Сохранить, мне нужно, чтобы она вызывала каждый файл JS, метод .onComplete
Пример родительской страницы с вкладками
import {Tab, Tabs } from 'react-bootstrap';
import * as Survey from "survey-react";
import "survey-react/survey.css";
import SectionA from './SectionA';
import SectionB from './SectionB';
//Tabs
<Tabs activeKey={this.state.activeTab} onSelect={this.handleSelect}>
<Tab eventKey={1} title="CORE SEC A."><SectionA offline={this.state.online} /></Tab>
<Tab eventKey={2} title="CORE SEC B."><SectionB /></Tab>
...
</Tabs>
//Save button function
const sendSurveyDataAPI = () => {
// need to call all the .onComplete on child pages such as SectionA, SectionB (.js files)
}
Дочерняя страница Пример
var survey = new Survey.Model(json);
// need to call up this from Parent
survey
.onComplete
.add(function (result) {
// don't want this in children
handleSave(result.data);
})