router5以编程方式导航到浏览器历史记录

问题描述

我在我的React应用程序中使用router5。当我使用链接（router5组件）在页面之间导航时，这是正确的。但是当我以编程方式导航到我的路线时，浏览器不记得之前的状态。

import React,{useState} from "react";
import './StickerItem.css'


const StickerItem = ({id,name,props}) =>{
    let [select,setSelect] = useState(false);

    function toggleSelect() {
        props.stickerToggleSelectAC(id);
        select ? setSelect(false) : setSelect(true);
    }

    function routeSticker() {
        /* this code don't save transition from  route to route */
        props.router.navigate('stickers',{id: id},{replace: true});
    }
    
    return <div onClick={toggleSelect}
                onDoubleClick={routeSticker}
                className={"link_sticker" + " " + (select? "active" : "")}
                key={id}> {name} </div>
    
    /* this code works correct and i can navigate from page /stickers/18 to /stickers/40 and forward  in my browser*/
    
    // return <Link    routeName="stickers"
    //                 routeParams={{id}}
    //                 activeClassName="active_link_sticker"
    //                 className={"link_sticker" + " " + (select? "active" : "")}
    //                 key={id}> {name} </Link>
};


export default  StickerItem;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

browser-history reactjs reactjs