react中usEffect与useState的结合使用

100 阅读1分钟

问题1.在使用useState中的set方法时,已经调用set函数保存值,可在后面取不到最新的值或者没变化,

解决方法:可使用useEffect的第二参数来监控useState的变量,然后在useEffect的回调里执行变量变化时的相关逻辑。变量一变化,就会执行回调里的语句。

image.png

之前的react版本setState方法

this.setState({ count: this.state.count + 1 },
               () => { console.log(this.state.count); // 在回调函数中获取最新的状态值 
               });

更新数组中某一个对象的属性,table UI更新

setScanList(scanList.map((row, index) =>{  
const isSelected = (row.gid == selectRow.gid)  
if(isSelected) {  
return {  
...row,  
mmqty  
}  
}  
return row  
}))