comment naviguer d'une page à l'autre en react js ?

Question

J'ai deux composants. Dans le premier composant, j'ai un bouton. En cliquant sur le bouton, je veux naviguer vers un autre composant ou une autre page.

voici mon code 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'))

Answer 1

Si vous voulez construire une seule application, je vous suggère d'utiliser Routeur React . Sinon, vous pouvez tout simplement utiliser Javascript :

window.location = 'newUrl';

Answer 2

Il y a déjà une réponse ici :

Navigation dans une application à page unique avec react.js

Vous avez vérifié ?