Switch 开关

基本用法

import { Switch, Cell } from 'zarm';
class Demo extends React.Component {
  state = {
    value: false,
  };
  toggle = (value) => {
    this.setState({
      value,
    });
    console.log(value);
  }
  render() {
    return (
      <>
        <Cell
          description={
            <Switch
              checked={this.state.value}
              onChange={(value) => {
                this.setState({ value });
                console.log(value);
              }}
            />
          }
        >
          普通
        </Cell>
        <Cell description={<Switch defaultChecked />}>默认开</Cell>
        <Cell description={<Switch disabled />}>禁用的开关（默认关）</Cell>
        <Cell description={<Switch defaultChecked disabled />}>禁用的开关（默认开）</Cell>
      </>
    )
  }
}
ReactDOM.render(<Demo />, mountNode);

API