javascript - react如何强制一个组件刷新呢？

Question

组件内部有一个<img src='127.0.0.1/img' />标签通过url加载图片，假设初始是返回一张全白色的图片
用户点击某个按钮后，后台处理图片变成全黑色。
这个时候希望客户端可以自动刷新出这个改动来，图片显示成全黑色。
state的改变好像并不会引起'src='127.0.0.1/img'这个地址的再一次请求。
有什么方法能实现呢？
//-------------------
另外问一下。。react配合redux可以不使用react-redux吗？不使用的话store怎么分发给各个组件呢？

//index.js
const store = createStore();
render(
        <component_a />
        <component_b />
    ,document.getElementById('app'));

Answer 1

虽然不知道你在说什么的 但是如果你只是想在用户编辑完图片后重新载入 你可以设置一个标志 来判断图片是否被操作 操作完了再用setState来改变这个标志 达到更新图片的目的

Answer 2

可能不是 react 的锅, 发下代码, 如何处理图片的

Answer 3

给<img />加个key，然后在父组件的下次render()中返回不同的key。

注意: 这可能导致diff的更新操作产生不小的变化，比如导致以前没有的unmount/mount，或者显示显着慢。

---

不用react-redux也可以用redux，只要你用别的方法把store传给所有component，比如用props或context.