reacthooksuseState更新值不及时的解决⽅案
react hooks中useState更新值后经常会出现值更新不及时的bug，可以使⽤以下思路解决
import React, { Component, useState } from 'react'
import ReactDom, { render } from 'react-dom'
const Hooks = () => {
const [num, set_num] = useState(0)
const [age, set_age] = useState(0)
const add_age = () => {reacthooks理解
set_age((data) => {
let new_data = data + 1
set_num_handle(new_data)
return new_data
})  //使⽤函数，⽽不是固定值，将最新值传给要处理的函数，并返回给这个设置值的函数
}
const set_num_handle = (new_data) => {
set_num(new_data)
}
return (<div>
<div>
年龄:{age}
</div>
<div><button onClick={add_age}>设置{num}</button></div>
</div>)
}
总结：上⾯的思路就是const [state,setState]=useState(0)，使⽤setState()这个函数赋值的时候，不是传⼊⼀个固定的值，⽽是使⽤setState((data)=>{let new_data=data+1;return new_data})得到最新的值，函数中的data是当前等待处理的值

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。