首页 文章

渲染前更新道具(通过Redux Action进行异步调用)

提问于
浏览
0

在这里寻找一些方向 . 这是我的场景:

  • 用户位于从所有食谱中呈现元数据的页面上 .

  • 用户点击食谱,被发送到/ recipes /:id,呈现Recipe组件 . 在ComponentDidMount()中的Recipe组件中包含对Redux操作的调用,该操作使异步AXIOS调用回我的服务器 . 数据被放到道具上并呈现在屏幕上 .

  • 用户点击后退,将其带到所有食谱页面 . 他们点击另一个食谱,将他们带到个人食谱页面 . 这是问题:在短暂的时间内,当异步调用从AXIOS / redux请求结束时,显示先前的recipe.name(props) .

所以问题是 . 当用户转到任何/ recipes /:id以确保他们没有在props上看到陈旧数据时,如何在呈现数据之前等待异步redux操作中的新道具 .

干杯!

1 回答

  • 0

    利用 componentWillUnmount 生命周期钩子,您可以在此处调用操作来清除现在冗余的配方数据 .

相关问题