react組件 使用setTimeout 定時隱藏 (有demo)

功能需求

1>初始化時 展示 1次 圖片，1秒後，隱藏圖片

2>點擊 按鈕 展示 1次 圖片，1秒後，隱藏圖片

原理

綁定this本身，使用匿名函數

使用setTimeout定時

代碼

主要代碼

 1>componentDidMount 載入完畢以後，執行一次

 2>showSaveCover 展示後，立即執行隱藏

  componentDidMount() {    this.showSaveCover();  }  showSaveCover() {    this.setState({      isWarning: true    });    this.hideSaveCover();  }  hideSaveCover() {    var self = this;    if (this.timer) {      clearTimeout(this.timer);    }    this.timer = setTimeout(() => {      self.setState({        isWarning: false      });    }, 1000);  }

DEMO地址（動手試一試）
https://codepen.io/CandyQiu/pen/JyRdWB