Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向SurveyJS评级组件添加额外字段_Javascript_Reactjs_Surveyjs - Fatal编程技术网

Javascript 向SurveyJS评级组件添加额外字段

Javascript 向SurveyJS评级组件添加额外字段,javascript,reactjs,surveyjs,Javascript,Reactjs,Surveyjs,我们想在SurveyJS中的评级组件中添加一个额外的“N/A”和“不知道”按钮,以便使用自定义值进行反应。例如,我们有值1-2-3-4-5和N/A。选择此按钮时,最终状态下的值应为“N/A” 我们尝试的是添加后渲染功能: var nvtRatingAfterRender=函数(问题,el){ const parent=el.getElementsByClassName(“sv_q_评级”)[0]; const newChild=parent.children[0]。克隆节点(true); new

我们想在SurveyJS中的评级组件中添加一个额外的“N/A”和“不知道”按钮,以便使用自定义值进行反应。例如,我们有值1-2-3-4-5和N/A。选择此按钮时,最终状态下的值应为“N/A”

我们尝试的是添加后渲染功能:

var nvtRatingAfterRender=函数(问题,el){
const parent=el.getElementsByClassName(“sv_q_评级”)[0];
const newChild=parent.children[0]。克隆节点(true);
newChild.children[0]。值=-99;
newChild.getElementsByClassName(“sv_q_rating_item_text”)[0]。innerText=“NVT”;
newChild.classList.add(“nvt选项”);
父、子(newChild);
};
并将其添加到配置中。这会导致React不接受普通HTML/JavaScript按钮的错误:

Uncaught Error: ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported.
它没有添加到末尾的状态,也不可能使其“活动”(下面我们在评级中添加了“NVT”):

另一种方法可能是复制完整评级组件的JavaScript代码,只添加一些额外的值(从最小值循环到最大值,但也添加额外的按钮)

向参与组件的评级组件添加自定义按钮的好方法是什么?

回答:

你好,
为此,您可以使用
rateValues
。这里是和JSON:

{
    type: "rating",
    name: "satisfaction",
    title: "How satisfied are you with the Product?",
    rateValues: [
        1, 2, 3, 4, 5, {value: 'anyvalue', text: "NVT"}
    ]
}
谢谢你,
安德鲁
调查队