如何在react状态下将状态从1循环到100

import React, { useState } from 'react';

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

  // 其他组件代码...

  return (
    <div>
      <p>当前状态：{count}</p>
      {/* 其他组件元素... */}
    </div>
  );
}

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

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

  useEffect(() => {
    const interval = setInterval(() => {
      setCount(prevCount => (prevCount === 100 ? 1 : prevCount + 1));
    }, 1000);

    return () => clearInterval(interval);
  }, []);

  // 其他组件代码...

  return (
    <div>
      <p>当前状态：{count}</p>
      {/* 其他组件元素... */}
    </div>
  );
}