Switch

react中编辑页面给switch赋值

<Col span={8}>
   <Form.Item label="最新" name="isnew">
            <Switch />
    </Form.Item>
</Col>

这边不管是使用Switch组件的defaultChecked还是使用Form表单的setFieldsValue()都不能正确显示

上Ant Design官网上找switch的API也没有关于如何设置的问题，直到看到Form表单里Form.Item的这个属性:

于是赋值valuePropName=“checked”

<Col span={8}>
    <Form.Item label="最新" name="isnew" valuePropName="checked">
        <Switch />
    </Form.Item>
</Col>

这回就可以正确赋值了!!

onChange事件

// 类组件
//onChange 变化时回调函数 Function(checked: boolean, event: Event)
<Switch onChange={(checked) => this.changeSwitch(checked, "abc")}/>