react类组件怎么实现useEffect监听参数的效果
时间: 2024-05-01 19:17:41 浏览: 80
react-react面试题之对类组件和函数组件的理解.zip
可以在useEffect中传入需要监听的参数作为依赖项,当依赖项发生变化时,useEffect的回调函数就会执行。代码示例如下:
```javascript
import React, { useState, useEffect } from 'react';
function MyComponent(props) {
const [count, setCount] = useState(0);
useEffect(() => {
// 这里的回调函数会在count变化时执行
console.log(`count发生了变化,当前值为${count}`);
}, [count]);
return (
<div>
<p>当前计数:{count}</p>
<button onClick={() => setCount(count + 1)}>点击+1</button>
</div>
);
}
```
其中,第二个参数[count]就是我们需要监听的参数。当count发生变化时,useEffect的回调函数就会执行。
阅读全文