已经访问过的组件如何刷新？

Question

在进行项目和更改路线时，在已经访问过项目之后返回一个不会显示新的更改/添加。 例如，如果我转到“要约”路线，它将在当前要出租的物品上显示我的要约。 如果我随后离开该路线并在项目上放置另一个要约，则路由到“要约”将不会显示任何更改，除非我刷新页面。 我在componentdidmount（）中填充了状态，但是还尝试了其他方式，即不使用componentdidmount（）填充状态。 我在这里有什么选择？ 如果需要，我可以发布组件。

Answer 1

返回到已经在同一BrowserRouter上下文中访问过的路由，将不会再次安装该组件。 这只会导致路由器执行pop操作，这会导致浏览器弹出为该路由生成的最新DOM，以从路由器上下文中弹出。 因此，您要做的就是检查用户是否在浏览器中按下了“后退”按钮。 为此，您可以在componentWillReceiveProps生命周期中检查this.props.history.action === 'POP' 。 像这样：

class Offers extends Component {
    constuctor (props) {
        super(props);

        this.state = {
            offers: []
        }
    }

    componentDidMount () {
        this.fetchOffersAndStoreThemInState();
    }

    componentWillReceiveProps () {
        if (this.props.history.action === 'POP') {
            this.fetchOffersAndStoreThemInState();
        }
    }
}

并且不要忘了用withRouter包装您的组件以访问history对象。