我有两个渲染 ReactDOMindex.js
ReactDOM.render(<Header />, document.getElementById('header'));
ReactDOM.render(<App />, document.getElementById('root'));
现在,在我的内部我App.js
有三条路线
<Router>
<Switch>
<Route exact path = "/" component = { page1 }/>
<Route path = "/page1" component = { page1 }/>
<Route path = "/page2" component = { page2 }/>
</Switch>
</Router>
然后在我的Header.js
文件中,我有一个按钮,我想做一个工作来导航到另一个路线或页面
<button onClick={() => this.props.history.push('/page2')}> Next </button>
但问题是我有一个错误说
TypeError: Cannot read property 'push' of undefined
我知道它不在反应路由器中,所以我不能使用链接,但我不知道我应该做什么,
问题是,我如何使用正在渲染的按钮从一条路线导航到另一条路线另一个 ReactDOM 而不是我想要更改路由的 ReactDOM 内部?