How to use survey-react - 9 common examples

);
        }

        ////

        if (AccountStore.isOverSwitchTabsLimit()) {
            return (
                <div>
            );
        }

        ////

        const data = LearningStore.getRegisterInfo();
        let survey = new Survey.Model(data);

        survey.requiredText = "";
        survey.onComplete.add(this.handleComplete);

        return (
            <div>
                <div>
                    
                </div>
            </div>    
        );
    }
}</div>

render() {
    var model = new Survey.Model(this.json);
    return (
      <div>
        <div>
          <img alt="logo" src="{logo}">
          <h2>Welcome to React with SurveyJS</h2>
        </div>
        <div>
          {/*If you do not want to show survey, comment the lines below*/}
          <h1>SurveyJS library in action:</h1>
          
          {/*If you do not want to show save PDF button, comment the lines below*/}
          <h3>SurveyPDF export:</h3></div></div>

import "select2/dist/css/select2.css";
import "bootstrap-slider/dist/css/bootstrap-slider.css";

import "jquery-bar-rating/dist/themes/css-stars.css";

import $ from "jquery";
import "jquery-ui/ui/widgets/datepicker.js";
import "select2/dist/js/select2.js";
import "jquery-bar-rating";


import "icheck/skins/square/blue.css";

window["$"] = window["jQuery"] = $;

SurveyJS.StylesManager.applyTheme("default");

const mapStateToProps = ({session, survey}) => ({
  session,
  survey
});

const mapDispatchToProps = dispatch => ({
  logout: () => dispatch(logout()),
  getSurvey: (surveyId) => dispatch(getSurvey(surveyId))
});

class Survey extends Component {


  componentDidMount() {
    const {surveyId} = this.props.match.params;

import "select2/dist/js/select2.js";
import "jquery-bar-rating";

import * as SurveyCore from "survey-core";
import * as SurveyPDF from "survey-pdf";
import * as widgets from "surveyjs-widgets";

import "pretty-checkbox/dist/pretty-checkbox.css";
//import "icheck/skins/square/blue.css";
window["$"] = window["jQuery"] = $;
//require("icheck");

export { MyQuestion } from "./MyQuestion";


Survey.StylesManager.applyTheme("default");

//widgets.icheck(Survey, $);
widgets.prettycheckbox(Survey);
//widgets.select2(Survey, $);
widgets.inputmask(Survey);
widgets.jquerybarrating(Survey, $);
widgets.jqueryuidatepicker(Survey, $);
widgets.nouislider(Survey);
widgets.select2tagbox(Survey, $);
widgets.signaturepad(Survey);
widgets.sortablejs(Survey);
widgets.ckeditor(Survey);
widgets.autocomplete(Survey, $);
widgets.bootstrapslider(Survey);

//widgets.icheck(SurveyCore, $);

componentWillMount() {    
        Survey.Survey.cssType = "bootstrap";
        Survey.defaultBootstrapCss.navigationButton = "btn btn-green";
    }

componentWillMount() {    
        Survey.Survey.cssType = "bootstrap";
        Survey.defaultBootstrapCss.navigationButton = "btn btn-green";
    }

render() {
        Survey.Survey.cssType = "bootstrap";
        Survey.defaultBootstrapCss.navigationButton = "btn btn-green";
        

        let survey = new Survey.Model(this.props.formData);
        survey.completedHtml = `<div class="message">${survey.completedHtml}</div>`;

        return (
            
                <div>
                    
                </div>
            
        );
    }

render() {
        Survey.Survey.cssType = "bootstrap";
        Survey.defaultBootstrapCss.navigationButton = "btn btn-green";
        

        let survey = new Survey.Model(this.props.formData);
        survey.completedHtml = `<div class="message">${survey.completedHtml}</div>`;

        return (
            
                <div>
                    
                </div>
            
        );
    }

render() {
        Survey.Survey.cssType = "bootstrap";
        Survey.defaultBootstrapCss.navigationButton = "btn btn-green";
        

        let survey = new Survey.Model(this.props.formData);
        survey.completedHtml = `<div class="message">${survey.completedHtml}</div>`;

        return (
            
                <div>
                    
                </div>
            
        );
    }