react.js在10次迭代后停止计数器的方法

import React, { useState } from 'react';

const Counter = () => {
  const [count, setCount] = useState(0);
  
  // 在这里添加停止计数的逻辑
  if (count === 10) {
    // 停止计数
  }
  
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
};

const Counter = () => {
  const [count, setCount] = useState(0);
  const [stopCounting, setStopCounting] = useState(false);
  
  if (count === 10) {
    setStopCounting(true);
  }
  
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
      {stopCounting && <p>Counting stopped</p>}
    </div>
  );
};