鍦≧eact涓紝鍙互浣跨敤useState鏉ュ畾涔夌姸鎬侊紝鐒跺悗浣跨敤useEffect鏉ョ洃鍚姸鎬佺殑鍙樺寲銆?/p>

棣栧厛锛屼娇鐢?code>useState鏉ュ畾涔変竴涓姸鎬佸彉閲忓拰涓€涓洿鏂扮姸鎬佺殑鍑芥暟銆備緥濡傦細

import React, { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);

  // ...
}

鐒跺悗锛屽彲浠ヤ娇鐢?code>useEffect鏉ョ洃鍚姸鎬佸彉閲忕殑鍙樺寲銆?code>useEffect鎺ユ敹涓€涓洖璋冨嚱鏁颁綔涓哄弬鏁帮紝璇ュ洖璋冨嚱鏁颁細鍦ㄦ瘡娆＄粍浠舵覆鏌撳悗鎵ц銆傚彲浠ュ湪鍥炶皟鍑芥暟涓幏鍙栧拰鐩戝惉鐘舵€佸彉閲忕殑鍊笺€?/p>

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    // 鍦ㄨ繖閲屽彲浠ユ牴鎹姸鎬佸彉閲忕殑鍊煎仛涓€浜涘鐞?/span>
    console.log(`Count has changed to ${count}`);
  }, [count]); // 浼犲叆[count]浣滀负绗簩涓弬鏁帮紝琛ㄧず鍙湁count鍙戠敓鍙樺寲鏃舵墠浼氭墽琛屽洖璋冨嚱鏁?/span>

  // ...
}

褰?code>count鍙戠敓鍙樺寲鏃讹紝useEffect鐨勫洖璋冨嚱鏁板氨浼氳鎵ц锛屼粠鑰屽疄鐜颁簡鐩戝惉鏁版嵁鍙樺寲鐨勫姛鑳姐€?/p>