反应路由器2.0浏览器后退按钮路由

时间:2016-02-26 10:53:27

标签: react-router reactjs-flux

我有一页让它'B'来自页面'A'。在页面'B'中,我有下拉选择,它调用并更改状态。现在,当我回去时,它不会打印'A'。第二回,它正在进行(这取决于你改变下拉选择的次数)。

任何想法,如何处理?

我正在为此应用程序使用flux和react-router

2 个答案:

答案 0 :(得分:0)

您可以粘贴您的组件代码或创建它的小提琴。 我觉得你正在导航到相同的页面onChange of the downdown(可能是错误的)或者你正在做一个表格帖子。

另请注意您使用的是浏览器历史记录还是哈希历史记录

答案 1 :(得分:0)

使用浏览器历史记录

在第A页

<Link to={{ pathname: urlBase+'productDetails', query: { qid: 123 } }}> </Link>

在页面B上,现在正在进行下拉列表的增量和减量。

_incrementQuantity: function(e)
{
    var quantity = this.state.productQuantity;
    if(quantity == NaN){
        quantity = 0 ;
    }
    var updatedQuantity = quantity + 1;
    this.setState({ productQuantity : updatedQuantity, buttonText : "Add to Cart" });
},

/* Decrementing the Product Quantity*/
_decrementQuantity : function(e){

    var quantity = this.state.productQuantity;
    var updatedQuantity = quantity-1;
    if(updatedQuantity<=0){
        updatedQuantity = 1;
    }
    this.setState({ productQuantity : updatedQuantity, buttonText : "Add to Cart" });
}, 

在渲染

<a href="javascript:void(0);" onClick={this._decrementQuantity} ></a>

<a href="javascript:void(0);" onClick={this._incrementQuantity} > </a> 

它解决了问题,而不是javascript:void(0),我写了#。

如果对这些代码有任何建议,请告诉我。谢谢