元件內(nèi)部有一個(gè)<img src='127.0.0.1/img' />標(biāo)籤透過url載入圖片,假設(shè)初始是回傳一張全白色的圖片
使用者點(diǎn)擊某個(gè)按鈕後,後臺(tái)處理圖片變成全黑色。
這時(shí)候希望客戶端可以自動(dòng)刷新出這個(gè)改動(dòng)來,圖片顯示成全黑色。
state的改變好像不會(huì)引起'src='127.0.0.1/img'這個(gè)位址的再一次請求。
有什麼方法能實(shí)現(xiàn)呢?
//-------------------
另外問一下。 。 react配合redux可以不使用react-redux嗎?不使用的話store怎麼分給各個(gè)元件呢?
//index.js
const store = createStore();
render(
<component_a />
<component_b />
,document.getElementById('app'));
雖然不知道你在說什麼的 但是如果你只是想在用戶編輯完圖片後重新載入 你可以設(shè)定一個(gè)標(biāo)誌 來判斷圖片是否被操作 操作完了再用setState來改變這個(gè)標(biāo)誌 達(dá)到更新圖片的目的
給<img />
加個(gè)key,然後在父組件的下次render()中返回不同的key。
注意: 這可能導(dǎo)致diff的更新操作產(chǎn)生不小的變化,例如導(dǎo)致以前沒有的unmount/mount,或顯示顯著慢。
不用react-redux也可以用redux,只要你用別的方法把store傳給所有component,例如用props或context.