复选框选中的属性在reactJS中不起作用

Question

我有一个单选按钮，可以动态渲染，但是选中的属性不起作用。

下面是我的代码。

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 =“是”，但是“是”单选按钮没有得到检查。

当我检查元素时，也存在被检查的属性，但没有得到渲染。

检查以下屏幕截图。

我想念什么？谢谢。