2017-02-09 3 views
0

unten ist mein Routing-Code. Ich kann vom Disponylisten zur Informationsliste routen und in der Informationsliste bekomme ich alle Daten aus der Datenbank, aber ich möchte eine Schüleranzeigedaten basierend auf ihrer ID oder etwas anzeigen. Was soll ich jetzt tun? Und jedes Mal, wenn ich verschiedene Student Details anzeigen muss.Wie wird ein bestimmtes Objekt von einem Array von Objekten aus der Datenbank weitergeleitet und angezeigt?

das ist mein Router.

<Router history={hashHistory}> 
    <Route path="/" component={App}/> 
    <Route path="/students" component={Students}/> 
    <Route path="/holidays" component={Calender}/> 
    <Route path="/premontessori" component={Premontessori}/> 
    <Route path="/createstudent" component={Createstudent}/> 
    <Route path="/montessori1" component={Montessori1}/> 
    <Route path="/montessori2" component={Montessori2}/> 
    <Route path="/displaylist" component={Displaylist}/> 
    <Route path="/information" component={Information}/> 
    </Router>, document.getElementById('app')); 

das ist mein Link von Displaylist

<Link to="/information" style={{textDecoration:'none'}} > 

Antwort

0

Ein Super-naive Implementierung irgendwie aussehen würde informationlist wie diese

<Route path="/students/:id/" component={Student} /> 

const Student = React.createClass({ 
    componentDidMount: function() { 
     var id = this.props.params.id; 
     return MyAPIClient.get('/path-to-my-api/?studentId=' + id).then(function (data) { this.setState({student: data }.bind(this)); 
    }, 
    render: function() { 
     // Render your HTML 
    } 
}); 
+0

Können Sie mir einige Links zu docs geben, so dass ich gehen kann durch sie in Details –

+0

Hier gehen Sie https://github.com/ReactTraining/react-router/blob/master/docs/guides/ComponentLifecycle.md#fetching-data –

Verwandte Themen