转换功能在样式化组件中不起作用

Question

我试图基于“ HiddenCheckBox”值更改“ IconRadioButtonRound”组件的样式。我能够使用相同的道具（即“选中”）更改“ IconRadioButtonRound”的背景，但无法对其进行转换。请帮我解决这个问题！

样式化的组件：

 <IconCheckBoxRoundButton>
                  <HiddenCheckbox
                    key={index}
                    name={item.itemName}
                    value={item.itemName}
                    onChange={e => handleAddOnItemChange(e)}
                  />
                  <IconCheckBoxRound checked={item.isChecked}>
                    <CheckBoxIcon src={item.itemIconURL} />
                  </IconCheckBoxRound>
                  <InputLabel
                    for={item.itemName}
                    style={{ marginTop: '15px' }}
                    lineHeight="18px"
                  >
                    <CheckBoxIconName>
                      <PTSansText fontSize="18px" lineHeight="18px">
                        {item.itemName}
                      </PTSansText>
                    </CheckBoxIconName>
                    <CheckBoxIconName>
                      <PTSansText fontSize="16px">
                        <span>Rs. </span>
                        {item.itemPrice}
                      </PTSansText>
                    </CheckBoxIconName>
                  </InputLabel>
                </IconCheckBoxRoundButton>

我正在使用的组件

panel2