React Hooks是React 16.8版本引入的一种新特性，它大大简化了在函数组件中使用状态和生命周期方法的方式。其中，useEffect是React提供的一个Effect Hook，用于处理组件的副作用操作，比如数据获取、订阅、事件监听等。useEffect接收两个参数，第一个参数是一个函数，用于执行副作用操作，第二个参数是一个可选的依赖项数组。

javascript
import React, { useEffect } from 'react';
function Counter() {
  useEffect(() => {
    console.log('组件已挂载');
  }, []);
  return (
    
      
计数器
      {/* 省略计数器代码 */}
    
  );
}
export default Counter;

javascript
import React, { useState, useEffect } from 'react';
function Search() {
  const [keyword, setKeyword] = useState('');
  useEffect(() => {
    if (keyword !== '') {
      console.log('发送搜索请求');
    }
  }, [keyword]);
  return (
    
              type="text"
        value={keyword}
        onChange={(e) => setKeyword(e.target.value)}
      />
    
  );
}
export default Search;