在反應進入逃生時如何刪除裝載機？

Question

我需要進入退出按鈕，當頁面需要很多時間裝車後從頁面出來。我需要的時候它需要較長的時間

對於裝載我使用

dispatcher.dispatch({ 
    type:'Loader', 
    showLoader: true 
}) 

Answer 1

退出該加載您必須添加一個事件監聽器即KEYUP或的keydown。當按下任意鍵，只需比較其與鍵代碼逃生按鈕的鍵碼，即27

在反應，事件偵聽器應該在componentDidMount並刪除加入componentWillUnmount。

這裏是一個例子。您可以根據您的要求修改邏輯。

class App extends React.Component { 
    constructor(props) { 
    super(props) 
    this.state = { 
     loading: true, 
    } 
    this.onKeyUp = this.onKeyUp.bind(this) 
    } 
    componentDidMount() { 
    document.body.addEventListener('keyup', this.onKeyUp) 
    } 
    componentWillUnmount() { 
    document.body.removeEventListener('keyup', this.onKeyUp) 
    } 
    onKeyUp(e) { 
    if (/27/.test(e.keyCode)) { 
     this.setState({ loading: false }) 
    } 
    } 
    render() { 
    if (this.state.loading) { 
     return <div>Loading</div> 
    } 
    return <div>Loaded</div> 
    } 
} 

希望它有幫助。