Non riesco a capire come passare oggetti di scena al componente. Questo è importante perché non voglio recuperare i dati nel metodo componentDidMount in quanto sarà quindi invisibile ai motori di ricerca.Con getComponent come passare gli oggetti di scena?
mio codice simile a questo
const router =
<Route path="/" component={App}>
<IndexRoute onEnter={redirectToLogin} component={LandingPage} />
<Route path="panel" component={ ControlPanel }>
...
</Route>
<Route
path="/:handle"
onEnter={maybeRedirectToHome}
getComponent={(location, callback)=> {
getSiteHandleByName(location.pathname.slice(1))
.then(function(handle){
if (handle){
callback(null, Portfolio)
} else {
callback(null, NotFound)
}
})
.catch(callback)
}}
getChildRoutes={(location, callback)=> {
callback(null, portfolioRoutes)
}}
/>
</Route>
sto cercando di servire un portafoglio Reagire App quando l'utente visita un URL valido come mysite.com/thishandleisvalid
ma sarò bisogno di andare a prendere anche tutti i contenuti per questo app al punto getComponent
e consegnarlo come una proprietà. Per esempio. potresti normalmente fare qualcosa di simile a questo <Portfolio contentItems={fetchedItems} />
.
È possibile farlo?
Questo funziona benissimo grazie. E grazie per le informazioni sull'utilizzo dell'hook onEnter e del flux store. Questa è ancora un'area che trovo confusa e ho bisogno di conoscere. – Ally
Funziona bene per me poiché sto provando a passare solo le azioni a un componente su una base per rotta senza inquinare i puntelli nell'applicazione, diciamo se ho usato le azioni 'React.cloneElement (this.props.children,' ': fooActions})' alla radice dell'app. – mpoplin