Javascript “回应给予”；调查“；当survey.onComplete在类之外时未定义

我发现该代码没有使用带有导出的类。开源软件似乎用它来呈现js文件，并让div id显示内容。我宁愿不这样做，因为我的代码库有很多原因

它不喜欢

survey.onComplete

和

surver.data

等。。因为这些都是课外活动，但我对反应有点陌生，所以我正试图弄清楚如何让这项工作发挥作用。也许是什么调查对象

这是密码

import React from 'react';
import * as Survey from "survey-react";
import "survey-react/survey.css";


var surveyValueChanged = function (sender, options) {
    var el = document.getElementById(options.name);
    if (el) {
        el.value = options.value;
    }
};

var json = {
    questions: [
        {
            type: "text",
            name: "name",
            title: "Your name:"
        }, {
            type: "text",
            name: "email",
            title: "Your e-mail"
        }, {
            type: "checkbox",
            name: "car",
            title: "What car are you driving?",
            isRequired: true,
            colCount: 4,
            choices: [
                "None",
                "Ford",
                "Vauxhall",
                "Volkswagen",
                "Nissan",
                "Audi",
                "Mercedes-Benz",
                "BMW",
                "Peugeot",
                "Toyota",
                "Citroen"
            ]
        }
    ]
};


window.survey = new Survey.Model(json);


survey
    .onComplete
    .add(function (result) {
        document
            .querySelector('#surveyResult')
            .textContent = "Result JSON:\n" + JSON.stringify(result.data, null, 3);
    });

survey.data = {
    name: 'John Doe',
    email: 'johndoe@nobody.com',
    car: ['Ford']
};

// ReactDOM.render(
//     <Survey.Survey model={survey} 
//     onValueChanged={surveyValueChanged}/>, 
//     document.getElementById("surveyElement"));

class SurveyTest extends React.Component {

    render()
    {
        var survey = new Survey.Model();

        return(

        <Survey.Survey model={survey} 
        onValueChanged={surveyValueChanged}/>

        )
    }
}

export default SurveyTest;

从“React”导入React；
从“调查反应”导入*作为调查；
导入“survey react/survey.css”；
var surveyValueChanged=函数（发送方，选项）{
var el=document.getElementById（options.name）；
如果（el）{
el.value=options.value；
}
};
var json={
问题:[
{
键入：“文本”，
姓名：“姓名”，
标题：“你的名字：”
}, {
键入：“文本”，
名称：“电子邮件”，
标题：“您的电子邮件”
}, {
键入：“复选框”，
名称：“汽车”，
标题：“你开的是什么车？”，
是的，
colCount:4，
选择：[
“没有”，
“福特”，
“沃克斯霍尔”，
“大众”，
“日产”，
“奥迪”，
“梅赛德斯-奔驰”，
“宝马”，
“标致”，
“丰田”，
“雪铁龙”
]
}
]
};
window.survey=new survey.Model（json）；
调查
.未完成
.add（函数（结果）{
文件
.querySelector（“#surveyResult”）
.textContent=“Result JSON:\n”+JSON.stringify（Result.data，null，3）；
});
调查数据={
姓名：“约翰·多伊”，
电邮:'johndoe@nobody.com',
汽车：[“福特”]
};
//ReactDOM.render(
//     , 
//文档.getElementById（“surveyElement”）；
类SurveyTest扩展了React.Component{
render（）
{
var survey=新的survey.Model（）；
返回(
)
}
}
导出默认调查测试；

---

请注意，我注释掉的是代码库使用的内容。我更改为导出的类，但最终出现了问题。

好的，我进一步更改了

窗口。调查

到

var调查

，但是没有显示任何内容，如果我添加

组件didmount（）{

surveyValueChanged（）；

}

它不喜欢那个函数调用。