【问题标题】:how to get prev url in react js如何在反应js中获取以前的网址
【发布时间】:2017-02-22 05:50:16
【问题描述】:

我有一个带有搜索图标的按钮,当用户单击搜索按钮 url 时,会更改为 /search 并且搜索按钮图标会更改为关闭图标,我希望当用户单击关闭图标时获取上一个 url。 .. 注意:我使用 React-redux-universal-hot-example 入门套件 这是我的带有搜索图标的搜索按钮。

 <Link className={`btn_search`}
                    to={"/search"}>
                <span>search_vlz</span>
 </Link>

【问题讨论】:

    标签: javascript reactjs


    【解决方案1】:

    如果我明白你想要什么,你可以试试这样的:

    import React, {PropTypes} from 'react';
    
    class YourClass extends React.Component {
    
        goBack(event){
           event.preventDefault();
           this.context.router.goBack();
        }
    
        render(){
    
            return (
               <div onClick={this.goBack.bind(this)}> Go back</div>
            );
        }
    }
    
    YourClass.contextTypes = {
        router: PropTypes.object.isRequired
    };
    

    【讨论】:

    • tnx for answer...一切都很好,但是当我打开新标签并直接获取搜索组件并单击关闭按钮时,我遇到了问题,我进入了浏览器 url...这意味着它是不是我的网站...我想检查上一个 url 是否不是我的网站我处理得心应手地获取索引路线。 :) tnx 再次,如何处理?
    • 你可以试试生命周期方法componentWillReceiveProps(nextProps)吗?在那里,您可以使用 nextPropsthis.props 访问旧道具。
    • 还有哪个属性?
    • 发布 jsfiddle,我去看看能不能做点什么。我需要看看你的代码。
    • 我通过检查 history.length 修复了这个问题。如果长度 === 2 这意味着 prev url 它的浏览器新标签...这很棘手,但它工作正常。
    猜你喜欢
    • 2019-07-23
    • 2020-07-16
    • 2015-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多