我需要實現(xiàn)如圖所示的功能:一個動態(tài)加載的列表,更新后點擊相應列表切換勾選狀態(tài),同時把當前狀態(tài)用localstorage存儲起來,以便下一次進入能記住之前選擇。遇到的問題:功能實現(xiàn)了,不過測試時發(fā)現(xiàn)這個點擊列表事件時而觸發(fā)時而不觸發(fā),視圖上勾選狀態(tài)變化了,但是localstorge有時不會跟著變化,刷新下可能又恢復正常,多點擊幾次就又出現(xiàn)了componentDidUpdate:function(){ var a = JSON.parse(window.localStorage.checked)||[]; //阻止冒泡 $("input:checkbox[name='chooselibs']").click(function(){ event.stopPropagation(); }); //點擊列表事件 $('.listCheckBox').on('click',function(){ var value = $(this).find("input:checkbox[name='chooselibs']").prop('checked'); //選擇or未選擇 if(value){ $(this).find("input:checkbox[name='chooselibs']").prop('checked',''); a[$(this).index()-1] = 0; }else{ $(this).find("input:checkbox[name='chooselibs']").prop('checked','checked'); a[$(this).index()-1] = 1; } window.localStorage.checked = JSON.stringify(a) }) });},
react.js操作Dom的問題
達令說
2019-02-14 14:20:46