react 渲染组件，图片缓存问题？

Question

场景是这样的：
路由#base到一个信息填写页面，只上传图片，图片上传成功后，切换到#home,再切换到#base页面时候，图片还是存在。从业务上来看，再次切回到#base时，head_pic值是空的，但是经过react渲染之后，dom上有图片。

试了在componentDidMount中setState({head_pic:""})，没有解决。

Answer 1

你是不是 把 图片信息， 写到全局 类似 redux 里了 ？

Answer 2

并没有，图片是在子组件中的

Answer 3

在上传页面上传成功以后，路由切换属于组件Unmount了，只是销毁掉了state中的值，但是这种数据改变不会主动触发组件你的更新，即产生的实例没有改变。建议手动上传完成后，对state进行操作，从而产生新的实例，然后就不会记住那张图片了。