zent/switch/examples/0-change-event.js

一套前端设计语言和基于React的实现

import React, { Component } from 'react';
import Switch from '../src';
import '../assets/index.scss';

/*

  Switch组件可以通过'onChange'直接绑定点击事件

*/
export default class Simple extends Component {

  state = {
    checked: true,
    loading: false
  }

  handleChange = (checked) => {
    const view = this;
    this.setState({ loading: true });
    setTimeout(() => {
      view.setState({
        checked,
        loading: false
      });
    }, 1000);
  }

  render() {
    return (
      <Switch checked={this.state.checked} loading={this.state.loading} onChange={this.handleChange} />
    );
  }
}