Question

下面是我的路由代码。我能够从displaylist路由到信息列表，在信息列表中，我从数据库中获取所有数据，但我想根据他们的Id或其他东西显示一个学生显示数据。我该怎么办呢？每当我需要显示不同的学生细节时。

这是我的路由器。

<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'));

这是我从displaylist到信息列表的链接

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

Answer 1

超级天真的实现看起来有点像这样

<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
    }
});

如何从数据库中的对象数组中路由和显示特定对象？

1 个答案: