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.