// this is an example of what the data will look like when a user imports your component window.datasyJS5 = {}; datasyJS5['resultText'] = 'You got'; datasyJS5['result'] = [{}]; datasyJS5['question'] = [{}]; datasyJS5['question'][0]['image'] = {"src":"https://d1pymbn96bwdg3.cloudfront.net/uploads/1/T2VRDvjm.jpg","srcset":"https://d1pymbn96bwdg3.cloudfront.net/uploads/1/T2VRDvjm-480w.jpg 480w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/T2VRDvjm-720w.jpg 720w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/T2VRDvjm-960w.jpg 960w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/T2VRDvjm.jpg 1040w"}; datasyJS5['question'][0]['text'] = 'Pick a car'; datasyJS5['question'][0]['answer1'] = 'Lamborghini'; datasyJS5['question'][0]['answer2'] = 'Ford Taurus'; datasyJS5['question'][0]['answer3'] = 'Ford Escape'; datasyJS5['question'][0]['answer4'] = 'Nissan Rogue'; datasyJS5['result'][0]['image2'] = {"src":"https://d1pymbn96bwdg3.cloudfront.net/uploads/1/G36PMO2p.jpg","srcset":"https://d1pymbn96bwdg3.cloudfront.net/uploads/1/G36PMO2p-480w.jpg 480w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/G36PMO2p-720w.jpg 720w, https://d1pymbn96bwdg3.cloudfront.net/uploads/1/G36PMO2p.jpg 900w"}; datasyJS5['result'][0]['value'] = 'Pubes';

{imageProps &&

} {isInQuestion &&

{datasyJS5['question'][questionNum]['text']}

{answerVal}

} {!isInQuestion &&

{datasyJS5['resultText']}: {datasyJS5['result'][this.resultNum]['value']}

}

{this.state.questionNum < (datasyJS5['question'].length - 1) && } {this.state.questionNum === (datasyJS5['question'].length - 1) && }

); } } ReactDOM.render(, document.getElementById('datasyJS5-root'));

Fake quiz with unrelated result

About

Preview

Trending Posts with this component