旋转特效会在fade 特效上叠加旋转特效.
Swap 的孩子可以是任意元素, 本例中使用了 div 元素作为孩子. 并给它设置了翻转特效
Swap 在 form 中作为表单控件的使用和 React 原生的<input type="checkbox">元素完全相同. 同样支持受控属性(checked)和非受控属性(defaultChecked)以及onChange事件
| 属性名 | 类型 | 是否必须 | 默认值 | 说明 |
|---|---|---|---|---|
| children | React.ReactNode | yes | 如果indeterminate未启用时, 应提供并列的两个孩子作为切换元素, 其中第一个为on时的显示元素, 第二个为off时的显示元素; 否则应提供并列的三个孩子, 其中前两个作为切换元素, 最后一个作为中间态时的显示元素. 元素可以是任意有效的React元素. | |
| indeterminate | boolean | undefined | no | 是否启用中间态 @deprecated v5不再有效果 | |
| transitionEffect | "rotate" | "fade" | "flip" | undefined | no | fade | 过渡效果 |