Reactjs 当复选框位于下拉菜单[semantic ui react]内时，不会触发onChange事件

在中，我在下拉菜单中有一些复选框，但单击复选框不会触发

onChange

事件

但是如果我添加

simple

prop下拉列表，一切都会开始工作。事实上，我不希望它仅仅因为在悬停时打开而变得简单。 我不明白这里有什么问题

来自沙盒的片段

        const [selectedItem, setSelectedItem] = React.useState();

        <Dropdown text="select item">
          <Dropdown.Menu>
            <Dropdown.Item>
              <Checkbox
                label="1"
                checked={selectedItem === 1}
                onChange={() => setSelectedItem(1)}
              />
            </Dropdown.Item>
            {/** some more items*/}
          </Dropdown.Menu>
        </Dropdown>

const[selectedItem，setSelectedItem]=React.useState（）；
setSelectedItem（1）}
/>
{/**还有一些项目*/}

。。。看起来您可以使用

onMouseDown

而不是

onChange

。