React 的一次性事件

1. 應(yīng)用場景 首頁進(jìn)入有一個loading頁面 類似廣告 點擊就可以關(guān)閉
2. 需求是 當(dāng)我點擊首頁中的其他鏈接進(jìn)入其他頁面的時候 再次返回首頁不會再次出現(xiàn)loading頁面
3. loading頁面只出現(xiàn)在進(jìn)入首頁的時候

查了react 中的鉤子函數(shù) 發(fā)現(xiàn)沒有解決 請問大家有沒有類似的需求 有解決的

{loading ? <HomeLoading>
        <HomeLoadingImgs>
          <Carousel autoplay={false} infinite selectedIndex={1} >
            {this.state.data.map(val => (
              <a
                key={val}
                style={{
                  display: 'inline-block',
                  width: '100%',
                  height: this.state.imgHeight
                }}
                  >
                <img
                  src={IconLoading}
                  alt=''
                  style={{ width: '100%', verticalAlign: 'top' }}
                  onLoad={() => {
                        // fire window resize event to change height
                    window.dispatchEvent(new Event('resize'))
                    this.setState({ imgHeight: 'auto' })
                  }}
                    />
              </a>
                ))}
          </Carousel>
        </HomeLoadingImgs>
        <HomeLoadingClose onClick={() => {
          this.setState({ loading: false })
        }} src={IconLoadingClose} />
      </HomeLoading> : ''}