Switch

表示两种相互对立的状态间的切换，多用于触发「开/关」。

基本用法

function App() {
  const [value, setValue] = useState()

  return (
    <Switch
      checked={value}
      onChange={(val) => {
        console.log(val)
        setValue(val)
      }}
    ></Switch>
  )
}

禁用状态

可通过 disabled 属性控制禁用状态。

function App() {
  const [value, setValue] = useState()

  return (
    <Switch
      checked={value}
      disabled
      onChange={(val) => {
        console.log(val)
        setValue(val)
      }}
    ></Switch>
  )
}

API

属性	说明	类型	默认值
children	内容	ReactNode	--
className	类名	string	--
style	样式	CSSProperties	--
checked	是否选中	boolean	--
tips	是否提示	boolean	--
disabled	是否禁用	boolean	--
onChange	值变化时触发	Func	--