react中的useEffect使用方法
useEffect是一个 React Hook,可让您将组件与外部系统同步。
useEffect(setup, dependencies?)
import { useEffect,useState } from 'react';
import './App.css';function App() {const [count, setCount] = useState(0);const [name, setName] = useState('张三');useEffect(() => {console.log('count发生了变化' , count);}, [count]);useEffect(() => {console.log('name或者count发生了变化' , name,count);}, [name,count]);function btn_click() {setCount(count + 1);}function btn_click2() {setName('李四');}return (<div className="App"><h1>{count}</h1><h1>{name}</h1><button onClick={btn_click}>点击</button> <button onClick={btn_click2}>修改名字</button></div>);
}export default App;
