[checkbox.group]:jsx 渲染value值 结果与 options 不一致

[gavin-hao]

样式不一致

jsx

options

() => (
  <>
    <Checkbox.Group
      defaultValue={['value2']}
      options={[
        { label: 'Checkbox 1', value: 'value1' },
        { label: 'Checkbox 2', value: 'value2' },
        { label: 'Checkbox 3', value: 'value3', disabled: true },
        { label: 'Checkbox 4', value: 'value4', onChange: (event) => console.log(event.target.checked) },
      ]}
    />
    <Divider />
    <Checkbox.Group
      layout="vertical"
      defaultValue={['value2']}
      // options={[
      //   { label: 'Checkbox 1', value: 'value1' },
      //   { label: 'Checkbox 2', value: 'value2' },
      //   { label: 'Checkbox 3', value: 'value3', disabled: true },
      //   { label: 'Checkbox 4', value: 'value4', onChange: (event) => console.log(event.target.checked) },
      // ]}
    >
      <Checkbox value="value1">Checkbox 1</Checkbox>
      <Checkbox value="value2">Checkbox 2</Checkbox>
      <Checkbox value="value3">Checkbox 3</Checkbox>
      <Checkbox value="value4">Checkbox 4</Checkbox>
    </Checkbox.Group>
  </>
)