ecode页面引导 (泛微 OA E9)

const { Button, Popover } = antd;
const { WeaIntro } = ecCom;
const { Intro, Step } = WeaIntro;

class Demo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      visible1: true
    };
  }

  onReady = intro => {
    this.intro = intro;
    const end = () => {
      this.setState({
        visible1: false,
      });
    };
    this.intro.onchange(ele => console.log("id", ele.id));
    this.intro.onnextbuttonclick(step => {
      this.setState({ visible1: false});
      return false;
    });
    this.intro.oncomplete(end);
    this.intro.onexit(end);
    this.intro.setOptions({
      steps: [
        {
          element: "#step_1",
          intro: "step 1",
        },
      ],
    });
    this.intro.refresh(); // 刷新队列
    this.intro.start(); // 开始引导
  };

  render() {
    const { visible1 } = this.state;
    return (
      <div className="step_3">
        {visible1 && 
          <div>
            <Intro onReady={this.onReady} />
            <Step id="step_1">定时器防止动画未完成白屏12323332</Step> 
          </div>
        }
  
      </div>
    );
  }
}
ecodeSDK.setCom("${appId}", "Demo", Demo);