下面的代码跳过我的文本的索引1，并且只显示“hllo world”

export default function App() {
  const [message, setMessage] = useState("");
  const index = useRef(0);
  const text = "hello world";

  useEffect(() => {
    const interval = setInterval(() => {
      setMessage((prevMessage) => prevMessage + text[index.current]);
      index.current++;
    }, 500);

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

  return (
    <div className="App">
      <h1>{message}</h1>
    </div>
  );
}

但是如果我把这个集合状态改为

setMessage(text.substring(0, index.current));

这个很好用，我不知道是因为。