javascript - Wie erzwinge ich die Aktualisierung einer Komponente in React?

Question

Es gibt ein <img src='127.0.0.1/img' />-Tag zum Laden des Bildes über die URL. Es wird davon ausgegangen, dass zunächst ein vollständig weißes Bild zurückgegeben wird.
Nachdem der Benutzer auf a geklickt hat Durch Klicken auf die Schaltfläche wird das Hintergrundverarbeitungsbild vollständig schwarz.
Zu diesem Zeitpunkt hoffe ich, dass der Client diese Änderung automatisch aktualisieren kann und das Bild vollständig schwarz angezeigt wird.
Die Zustandsänderung scheint keine weitere Anfrage für die Adresse „src='127.0.0.1/img“ zu verursachen.
Gibt es eine Möglichkeit, dies zu erreichen?
//------------------
Stellen Sie noch eine Frage. . Kann React mit Redux ohne React-Redux verwendet werden? Wie kann der Speicher auf die einzelnen Komponenten verteilt werden, wenn er nicht verwendet wird?

//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.