У меня есть переключатель, который я рендеринг динамически, но свойство флажок не работает.
Ниже мой код.
case "6":
var vchky = "";
var vchkn = "";
if(item.answer === "Yes"){
vchky= true;
vchkn = false;
}
else if(item.answer === "No"){
vchky= false;
vchkn = true;
}
console.log("vchky : ", vchky);
console.log("vchkn : ", vchkn);
return (
<li key={key}>
<div class="custom-selection ml-0 pl-0">
<p>{item.questionText}</p>
<span class="ml-10">
<input type="radio" class="custom-control-input" id="customRadio1-11" name="ques-1"
disabled="disabled"
checked = {vchky}
value = "Yes"
/>
<label class="custom-control-label" for="customRadio1-11">Yes</label>
</span> <span>
<input type="radio" class="custom-control-input" id="customRadio2-22" name="ques-1"
checked = {vchkn}
disabled="disabled"
value = "No"
/>
<label class="custom-control-label" for="customRadio2-22">No</label>
</span> </div>
</li>
);
break;
Я отладил и проверил, что item.answer = "Да", но радиокнопка "Да" не проверяется.
когда я проверял элемент, там тоже есть атрибут selected, но он не получает рендеринг.
проверьте скриншот ниже.
Что мне не хватает? спасибо.