javascript - react如何強制一個元件刷新呢?
漂亮男人
漂亮男人 2017-05-19 10:30:06
0
3
1080

元件內部有一個<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'));
漂亮男人
漂亮男人

全部回覆(3)
滿天的星座

雖然不知道你在說什麼的 但是如果你只是想在用戶編輯完圖片後重新載入 你可以設定一個標誌 來判斷圖片是否被操作 操作完了再用setState來改變這個標誌 達到更新圖片的目的

过去多啦不再A梦

可能不是 react 的鍋子, 發下程式碼, 如何處理圖片的

習慣沉默

<img />加個key,然後在父組件的下次render()中返回不同的key。

注意: 這可能導致diff的更新操作產生不小的變化,例如導致以前沒有的unmount/mount,或顯示顯著慢。


不用react-redux也可以用redux,只要你用別的方法把store傳給所有component,例如用props或context.

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板