Javascript 在ReactJS项目中将noUiSlider.js与SurveyJS集成

我将noUiSlider.js（一个滑块库）用作surveyJS（另一个库）中可用的“自定义小部件”。surveyJS关于与noUiSlider.js集成的文档如下：

但是，我还想使用noUiSlider的其他属性（surveyJS文档中提到的属性除外），例如指定滑块最小值和最大值的“range”（您可以在noUiSlider文档中看到：）

由于surveyJS的工作方式，我想我应该初始化SurveyJSON中有关noUiSlider的所有内容。以下是相关代码：

//...

{
"elements": [
            {
"type": "nouislider",
"name": "slider",
"title": "Please select your revenue",
isRequired: true,
"orientation": 'vertical',
'step': 25, //min step
'start': 75,
'range': `{'min': ${0}, 'max': ${3000}}`

            }
        ]
      },

//...

在上述情况下，“方向”和“步骤”起作用，而“范围”和“开始”不起作用。（我尝试了“range”值中所有可能的字符串组合，包括上面的一个，但没有任何效果。我一直显示默认值1->100。）

以下是它当前的外观：

---

所以我的问题是，我不知道surveyJS希望我如何通过这些范围值。如果有人对此进行过研究或有想法解决我的问题，我将不胜感激。

如果您查看小部件源代码-

您可以看到，您可以设置问题的

rangeMin

和

rangeMax

属性。开始是问题的默认值

这是正在工作的plunker示例-

JSON：

        {
            "type": "nouislider",
            "name": "range",
            "title": "Please range",
            "rangeMin": 55,
            "rangeMax": 78,
            "defaultValue": 66
        }

---

如果您检查小部件源代码-

您可以看到，您可以设置问题的

rangeMin

和

rangeMax

属性。开始是问题的默认值

这是正在工作的plunker示例-

JSON：

        {
            "type": "nouislider",
            "name": "range",
            "title": "Please range",
            "rangeMin": 55,
            "rangeMax": 78,
            "defaultValue": 66
        }