const { useRef, useState, useEffect } = React
function TestRef() {
const [str, setStr] = useState(111)
useEffect(() => {
console.log('a1', str)
}, [str])
useEffect(() => {
console.log('a2', str)
}, [str])
const change = () => {
setStr(222)
setStr(333)
}
return (
<div>
<div onClick={change}>change</div>
<div id="btn">show</div>
</div>
)
}
ReactDOM.render(<TestRef />, document.getElementById('app'))
<div id="app">
</div>