在React中每两秒更改一次占位符文本

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

function PlaceholderText() {
  const [placeholder, setPlaceholder] = useState('初始文本');

  useEffect(() => {
    const intervalId = setInterval(() => {
      const newText = placeholder === '初始文本' ? '新文本' : '初始文本';
      setPlaceholder(newText);
    }, 2000);

    // 清除定时器
    return () => clearInterval(intervalId);
  }, [placeholder]);

  return (
    <input type="text" placeholder={placeholder} />
  );
}

export default PlaceholderText;

useEffect(() => {
  const intervalId = setInterval(() => {
    setPlaceholder(prevPlaceholder => prevPlaceholder === '初始文本' ? '新文本' : '初始文本');
  }, 2000);

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

setInterval(() => {
  setPlaceholder(prevPlaceholder => prevPlaceholder === '初始文本' ? '新侯选文本' : '初始文本');
}, 2000);