JSFiddle - React, Tailwind, and code Playground

by maharajan a

JavaScript

const data=[{"UserScore":10,"IsRadioType":true,"IsQuestionAnsweredCorrect":false,"QuestionText":"Pick One","UserSelectedChoice":"At 7 PM"},{"UserScore":10,"IsMultiChoiceQuestion":true,"IsDragAndDrop":true,"IsQuestionAnsweredCorrect":false,"QuestionText":"Drag and Drop","UserSelectedChoice":"Message – New attendance system. - Drop.png, Drag 1 - Picture1.png, Receiver - Factory Workers. - Drop.png, Drag 2 - Picture2.png, Channel of Communication – Poster. - Drop.png, Drag 3 - Picture3.png, Sender - Management. - Drop.png, Drag 4 - Picture4.png"},{"UserScore":10,"IsRadioType":true,"IsQuestionAnsweredCorrect":false,"QuestionText":"Pick One","UserSelectedChoice":"Phone call"},{"UserScore":10,"IsRadioType":true,"IsQuestionAnsweredCorrect":false,"QuestionText":"Pick One","UserSelectedChoice":"Channel of communication"},{"UserScore":10,"IsRadioType":true,"IsQuestionAnsweredCorrect":false,"QuestionText":"Pick One","UserSelectedChoice":"Emotional barrier"},{"UserScore":10,"IsMultiChoiceQuestion":true,"IsCheckBoxType":true,"IsQuestionAnsweredCorrect":false,"QuestionText":"Pick Many","UserSelectedChoice":"Think after you speak"},{"UserScore":10,"IsMultiChoiceQuestion":true,"IsCheckBoxType":true,"IsQuestionAnsweredCorrect":false,"QuestionText":"Pick Many","UserSelectedChoice":"Interrupt workers frequently when they are talking, Work on other tasks when the co-worker is speaking, Always ask follow-up questions"},{"UserScore":10,"IsRadioType":true,"IsQuestionAnsweredCorrect":true,"QuestionText":"Pick One","UserSelectedChoice":"Notice Board"},{"UserScore":10,"IsMultiChoiceQuestion":true,"IsCheckBoxType":true,"IsQuestionAnsweredCorrect":false,"QuestionText":"Pick Many","UserSelectedChoice":"Improves working conditions and environment"},{"UserScore":10,"IsMultiChoiceQuestion":true,"IsCheckBoxType":true,"IsQuestionAnsweredCorrect":false,"QuestionText":"Pick Many","UserSelectedChoice":"Spread rumors and inaccurate information"}];
console.log(data)