Navigazione in un'applicazione singola pagina con react.js

Question

Sto costruendo un'applicazione a pagina singola con React e Backbone e sto cercando di capire le migliori pratiche per la gestione della navigazione tra i contenuti nell'app. La mia app avrà una barra laterale con collegamenti, ad esempio, a "foto" e "impostazioni". La barra laterale è sempre presente, quindi, facendo clic su "Impostazioni", desidero rendere il rendering del componente delle impostazioni senza ricaricare l'intera pagina. Slack è un ottimo esempio di ciò che sto cercando, in cui fare clic su un altro canale cambia il contenuto della conversazione, ma non ricarica l'intera pagina.

ho avuto un paio di idee su come implementare questo, ma non sono sicuro di ciò che è meglio:

1. Avere un generale reagiscono componente (console.jsx) che accetta un urlparameter come un puntello per determinare quale contenuto (foto o impostazioni) da rendere.

o 2. disporre di un componente di reazione generale e definire una variabile di stato che rappresenta quale contenuto rendere.

Qualsiasi aiuto sarebbe molto apprezzato!

Answer 1

Avete sentito parlare di router? Sembra essere quello che vuoi react router