我用react JS在Ant Design中创建了一个复选框组。现在，我想使用按钮，而不是复选框。一个按钮对应一个值。
这是我的代码。

<Checkbox.Group>
   <ul className="ul-custom">
   {this.props.symptomsForCheckbox.map((symptom) => {
       return (
          <li>
              <Checkbox value={symptom.id}>
                  symptom.nameEnglish
              </Checkbox>
          </li>
       );
    })}
    </ul>
</Checkbox.Group>

这里看起来像是

我想要的是添加按钮，而不是复选框。下面的图像显示。

我用的代码是

<Checkbox.Group>
   <ul className="ul-custom">
   {this.props.symptomsForCheckbox.map((symptom) => {
       return (
          <li>
              <Button value={symptom.id}>
                  symptom.nameEnglish
              </Button>
          </li>
       );
    })}
    </ul>
</Checkbox.Group>

但这不能作为复选框使用。有什么办法可以解决这个问题吗？
先谢了