Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
import React from 'react';
import { Messager, LinkButton, ButtonGroup } from 'rc-easyui';

class App extends React.Component {
  alert1() {
    this.messager.alert({
      title: "Alert",
      msg: "Here is a message!"
    });
  }
  alert2() {
    this.messager.alert({
      title: "Error",
      icon: "error",
      msg: "Here is an error message!"
    });
  }
  alert3() {
    this.messager.alert({
      title: "Info",
      icon: "info",
      msg: "Here is a info message!"
    });
  }
  alert4() {
    this.messager.alert({
      title: "Question",
      icon: "question",
      msg: "Here is a question message!"
    });
  }
  alert5() {
    this.messager.alert({
      title: "Warning",
      icon: "warning",
      msg: "Here is a warning message!"
    });
  }
  render() {
    return (
      <div>
        <h2>Alert Messager</h2>
        <ButtonGroup>
          <LinkButton onClick={this.alert1.bind(this)}>Alert</LinkButton>
          <LinkButton onClick={this.alert2.bind(this)}>Error</LinkButton>
          <LinkButton onClick={this.alert3.bind(this)}>Info</LinkButton>
          <LinkButton onClick={this.alert4.bind(this)}>Question</LinkButton>
          <LinkButton onClick={this.alert5.bind(this)}>Warning</LinkButton>
        </ButtonGroup>
        <Messager ref={ref => this.messager = ref}></Messager>
      </div>
    );
  }
}

export default App;