reactjs – 如何在React路由器中的组件内重定向？

发布时间：2020-12-15 20:12:41 所属栏目：百科来源：网络整理

导读：如何在React路由器中的组件内重定向？我正在使用react-rouer import React from 'react'import _ from 'lodash';import FavoriteItem from '../components/FavoriteItem'const FavoritesList = ({list}) = { let transitionToItem = ({id}) = { // make tran

如何在React路由器中的组件内重定向？我正在使用react-rouer

import React from 'react'
import _ from 'lodash';
import FavoriteItem from '../components/FavoriteItem'

const FavoritesList = ({list}) => {

    let transitionToItem = ({id}) => {
        // make transition to `/details/${id}`
    };

    return (
        <ul className="list-group favorites-list">
            <FavoriteItem onFavoriteClick={ () => { transitionToItem(item); } } key={item.id} item={item}/>
        </ul>
    );
};


export default FavoritesList

路线：

<Route path="details/:item" name="details" component={DetailsPage}/>

解决方法

我认为这样做的首选方法是在react-router Link元素中包含你点击的任何元素,然后让路由器处理所有内容.

<Link to=`/details/${item_id}`>Click me!</Link>

如果你肯定想采取你的方法,将browserHistory模块从react-router导入你的组件并将新URL直接推到它上面.

import { browserHistory } from 'react-router';
...
let transitionToItem = ({id}) => {
  browserHistory.push(`/details/${id}`);
};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!