Skip to content

Checkbox 单独使用(不和List.Item组合),点击checkbox,父元素的onClick事件触发两次,checkbox的onChange没有触发 #1202

@lduoduo

Description

@lduoduo

V2+版本没有该问题

Image

import React, { useEffect, useState } from 'react';
import { Link, useHistory } from 'react-router-dom';
import { Button, Checkbox, List, DatePickerView, Modal, Tabs } from 'zarm';


export default function demo() {
  const [tabIndex, setTabIndex] = useState(0);
  const [checked, setChecked] = useState(false);


  return (
    <div style={{ padding: 24 }}>
       <div
          className="btn-check"
          onClick={() => {
            console.log('111');
            setChecked(!checked);
          }}
        >
          <Checkbox
            checked={checked}
            onClick={(e) => {
              e.stopPropagation();
              console.log('333', e);
              setChecked(!checked);
            }}
            onChange={(e) => {
              e.stopPropagation();
              console.log('222', e);
              setChecked(!checked);
            }}
          />
          同意授权积分自动支付, 请同意
          <Link key="carousel" to="/privacy">
            《积分自动支付》
          </Link>
          协议
        </div>
    </div>
  )
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions