导航离开时做出反应

Question

我有这个反应组件，当我渲染它时它会起作用

var Postlist = React.createClass({
getInitialState: function () {
    socket.on("new",this.Updatepost);
    return {posts: [], hasMore: true, onView: 5};
},
componentWillMount: function () {
    this.state.posts.push(this.props.newposts);
    this.setState({posts: this.props.newposts});
},
$.ajax({
    url: 'load_posts.php',
    dataType: 'json',
    success: function (data) {
        var x = data;
        React.render(<Postlist newposts={x} />,document.getElementById("main"));
    }.bind(this),
    error: function (xhr, status, err) {
        console.error(this.props.url, status, err.toString());
    }.bind(this)
});

但我使用历史 API 在页面之间导航

那么我如何在导航时卸载和重新安装反应组件以及如何在反应代码之外卸载它

Answer 1

我不认为你能做到这一点，react 自己处理组件的生命周期，所以我认为解决这个问题的方法应该是在浏览器历史记录中实际保存以前的状态.. 所以当你来回走，你可以告诉 react 应该通过推送一个“新”状态来更新