React Semantic UI Radio 检查值消失

问题描述 投票:0回答:0

我有一个问题列表,在每个问题中,我都有单选选项,我可以在其中选择值“单选”或“多选”

问题是,如果我为不同的问题选择了相同的值,例如单选,检查只会出现在这些问题之一

下面的打印屏幕(在这种情况下,两者都选择了单选):

如果我有一个多选和一个单选,效果很好,检查在正确的地方

代码:

                <SetUpContainer marginTop>
                  <SegmentTitle>
                    Multiple choice options
                  </SegmentTitle>
                  <Radio
                    value={question.type}
                    name="Single Select"
                    label="Single select - participants can select one option"
                    checked={question.type === 'single_select'}
                    onClick={() => handleSelectionTypeChange(indexQuestion, 'single_select')}
                  />
                  <Radio
                    value={question.type}
                    name="Multiple Select"
                    label="Multiple select - participants can select one or more options"
                    checked={question.type === 'multiple_select'}
                    onClick={() => handleSelectionTypeChange(indexQuestion, 'multiple_select')}
                  />
                </SetUpContainer>

有人知道为什么会这样吗?

reactjs semantic-ui-react
© www.soinside.com 2019 - 2024. All rights reserved.