Reactjs 处理ListGroupItem上的React路由器路由单击

我想将ListGroupItem的点击链接到react路由器的链接。 但是当我添加Link元素时，我丢失了ListGroupItem的样式。 如果我使用href而不是Link元素，那么页面将重新加载，并且不会发生部分加载

var NavListGroup = React.createClass({
    render: function() {
        var listgroupInstance = this.props.all_users.map(function(user, index) {
            return (
                <ListGroupItem key={index}><Link to={"/user/"+user.label}>{user.label}</Link></ListGroupItem>
            );
        });
        return (
            <ListGroup>
                {listgroupInstance}
            </ListGroup>
        );
    }
});

var NavListGroup=React.createClass({
render:function（）{
var listgroupInstance=this.props.all_users.map（函数（用户，索引）{
返回(
{user.label}
);
});
返回(
{listgroupInstance}
);
}
});

---

非常感谢您的帮助

我通过编写onClick事件来处理这个问题。在onclick事件中，browserHistory.push（“您的链接”）将起作用

请确保您至少拥有react router 2.0.0，因为react router 1.0.0有一些其他历史库，此推送功能不适用于我

npm安装--保存-router@2.0.0

将发挥神奇作用

import { browserHistory } from 'react-router'

var UserListGroup = React.createClass({
    alertClicked: function(userlabel) {
        browserHistory.push("/user/"+userlabel);
        return true;
    },
    render: function() {
        var listgroupInstance = this.props.all_users.map(function(user, index) {
            return (
                <ListGroupItem key={index}
                    onClick={this.alertClicked.bind(this, user.label)}
                >
                    {user.label}
                </ListGroupItem>
            );
        }.bind(this));
        return (
            <div>
               My Render Template
            </div>
        );
    }
});

从'react router'导入{browserHistory}
var UserListGroup=React.createClass({
alertClicked:函数（用户标签）{
browserHistory.push（“/user/”+userlabel）；
返回true；
},
render:function（）{
var listgroupInstance=this.props.all_users.map（函数（用户，索引）{
返回(
{user.label}
);
}.约束（这个）；
返回(
我的渲染模板
);
}
});