реализовать select2 tagbox в reactjs из Surveyjs - PullRequest
Новая
       4

реализовать select2 tagbox в reactjs из Surveyjs

0 голосов
/ 12 июля 2020

привет, я использую опрос js для создания моего опроса по реакции, и есть тип вопроса, который мне нужен, это настраиваемый виджет: Select2 tagbox questiontype , но ничего из того, что я пробую, не работает. Кто-нибудь смог решить эту проблему, даже когда я изменил «тип» на «тип ячейки», который тоже не работает, и я не могу понять, в чем может быть проблема. Если кто-то может помочь, он будет очень признателен.

вот мой код ниже. 

import React,{Component} from 'react';
import './App.css';
import "survey-react/survey.css"
import * as Survey from "survey-react"
import "surveyjs-widgets"

class App extends Component {
    constructor (props){
        super(props)
        this.state = {

    }

        this.onCompleteComponent = this.onCompleteComponent.bind(this)
    }
    onCompleteComponent = () =>{
        this.setState({
            isCompleted: true
         })
    }



render(){
var json = {
  clearInvisibleValues: "onHidden",
  questions: [
      { //question 1
          type: "tagbox",
          name: "roles",
          title: "Roles with non-portable work",
          choices: [
              "Role1",
              "Role2",
              "Role3"
          ],
          colCount: 0
      }
   };
   ]
  };

var surveyRender= !this.state.isCompleted ? (
    <Survey.Survey
    json={json}
    showCompletedPage={false}
    onComplete={this.onCompleteComponent}
    />
 ) : null

var onSurveyCompletion = this.state.isCompleted?(
    <div>Thank you for your participation in this survey!</div>
 ) : null;

 return (
    <div className="App">
      <div>
          {surveyRender}
          {onSurveyCompletion}
      </div>
    </div>
     );
   }
 }
export default App;
...