使用reactjs禁用后退按钮和刷新按钮[关闭]答案

【问题标题】：Disabling the back button and refresh button using reactjs [closed]使用reactjs禁用后退按钮和刷新按钮[关闭]
【发布时间】：2019-03-29 22:38:48
【问题描述】：

我不知道。

建议我在我的应用程序中禁用返回和刷新按钮的代码。

帮我写代码*

【问题讨论】：

你能提供一些代码吗？以及您的尝试，以便其他人可以提出建议并找到错误或提供正确的解决方案
@Revansiddh 我什至没有尝试过这个。我不知道..给我一些建议
一些你不得不说的关于你的问题的例子： 1. 提供你的书面代码。 2. 向受访者提供更多信息，以更好地帮助您。 3.请不要谈论你的想法和谈论你现在拥有的真正的结。祝你好运
@SriHariKarthikVijayakumar 后退按钮在哪个应用程序中？你说的是移动应用还是网络
@Revansiddh reactjs 表示其 web 应用程序，如果它的 react native 表示移动应用程序

标签： reactjs

【解决方案1】：

您需要使用state 变量来启用和禁用按钮。如果您单击reset 或reload，请在下面查看启用它会切换

class App extends React.Component{
  state = {
    isResetDisable: false,
    isReloadDisable: false,
  }
  handleButtonPress(token){
     console.log(token+" "+"pressed")
  }
  render(){
    return(
     <div>
         <div>
            <a onClick={()=>this.setState({isResetDisable: !this.state.isResetDisable})}> Click Reset lable to toggle button
            </a>
                <input disabled={this.state.isResetDisable}  type="button" value={this.state.isResetDisable ? 'Reset Disabled' : 'Reset Enable'} onClick={()=>{this.handleButtonPress('reset')}}/>
         </div>       
         
           
         <div>
          
           <a onClick={()=>this.setState({isReloadDisable: !this.state.isReloadDisable})}> Click Reload lable to toggle button
            </a>
                <input disabled={this.state.isReloadDisable}  type="button" value={this.state.isReloadDisable ? 'Reload Disabled' : 'Reload Enable'} onClick={()=>this.handleButtonPress('reload')}/>
                
         </div>
         
     </div>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('root'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>

【讨论】：