2016-05-18 146 views
4

我有两个组件。在第一个组件中,我有一个按钮。点击按钮我想导航到另一个组件或另一个页面。如何在反应js中从一个页面导航到另一个页面?

这里是我的代码 http://codepen.io/naveennsit/pen/pymqPa?editors=1010

class App extends React.Component { 
handleClick(){ 
    alert('---'); 
} 
    render() { 
     return <button onClick={this.handleClick}>hello</button> 
    } 

} 

class second extends React.Component { 

    render() { 
     return <label>second component</label> 
    } 

} 

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

回答

4

如果你想建立我建议使用React Router一个单一的应用程序。否则,你可以只使用普通的JavaScript:

window.location = 'newUrl'; 
+0

我需要使用React Router ..请告诉我如何使用它? – user5711656

+0

阅读文档并检查示例。如果您有具体问题,请在此处创建一个新问题。 –

+0

我在我的代码笔中添加了路由器js,我将在其中编写路由器的配置 – user5711656

相关问题