在react中，您不必刷新页面即可重置状态。我查看了您的项目，发现您将分数和游戏数据保存在组件状态。这可以帮助您轻松重置游戏，只需将状态设置为初始值即可。

例如

// add a method to your component for resetting state
restartGame(event) {
  this.setState({ games: [] });
}

// and in your components render or any other place add the reset button
<button type="button" onClick={ this.restartGame.bind(this) }>
  <span>Reload</span>
</button>

不要忘记绑定您的方法以便能够this在它们中使用。有关更多信息，您可以阅读处理事件的react文档。

检查下面的代码片段以了解刷新页面的解决方法，以重置游戏。

但这不是最佳实践，因为 React 支持更改状态，这使得（默认情况下）组件重新渲染。React 有一个叫做 Virtual DOM 的概念。这样应用程序就会非常快。因为 React 会通过比较 diff 来更新实际的 DOM。

最好按照其他答案的建议更改状态。 this.setState({games:[]})

以下是解决方法的代码片段（刷新页面）

class App extends React.Component {
    render() {
      return ( < button onClick = {this._refreshPage} > test </button>);
      }

      _refreshPage() {
        console.log("Clicked");
        window.location.reload();
      }
    }


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

<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="app"></div>

我喜欢文章中保留先前状态和重置功能的解决方案 - https://medium.com/@justintulk/best-practices-for-resetting-an-es6-react-components-state-81c0c86df98d

在构造函数中：

// preserve the initial state in a new object
this.baseState = this.state 

和

resetForm = () => {
  this.setState(this.baseState)
}

有2种方法

• 您可以通过重置状态来重置游戏
• 您可以重新加载网页并重置react应用程序。

第二个有它的原因，但也有点贵。

方式 1 - 参考@bennygel 答案

  // add a method to your component for resetting state
restartGame(event) {
  this.setState({ games: [] });
}

// and in your components render or any other place add the reset button

<button type="button" onClick={ this.restartGame.bind(this) }>
  <span>Reload</span>
</button>

方式2：参考@dwij答案