Page 266 - MDP2022-3

<label for={li.id} onClick={()=>{ResultAppend(li.Values[0])}}>
<span></span>
<p >{li.Answer[0]}</p>
</label>
</QuestionUnit>
<QuestionUnit>
<input type='radio' name={li.id} id={li.id}/>
<label for={li.id} onClick={()=>{ResultAppend(li.Values[1])}}>
<span></span>
<p >{li.Answer[1]}</p>
</label>
</QuestionUnit>
{
li.Values[2] && (<QuestionUnit>
<input type='radio' name={li.id} id={li.id}/>
<label for={li.id} onClick={()=>{ResultAppend(li.Values[2])}}>
<span></span>
<p >{li.Answer[2]}</p>
</label>
</QuestionUnit>)
}
{
li.Values[3] && (<QuestionUnit>
<input type='radio' name={li.id} id={li.id}/>
<label for={li.id} onClick={()=>{ResultAppend(li.Values[3])}}>
<span></span>
<p >{li.Answer[3]}</p>
</label>
</QuestionUnit>)
}
</QuestionWrap>
</SurveyWrap>
)
);

let [Page,PageChange] = useState(0);
var [ShowPage,VisiblePage] = useState(true);
var [ShowResult, VisibleResult] = useState(false);
const PageSlide = (() =>{
if(Page < Question.length-1){
PageChange(Page+1);
}
else{
VisiblePage(false);
VisibleResult(true);