如何使用react和javascript每秒更改部分文本的字体颜色？

npm install react react-dom

import React, { useState } from 'react';

function ColorChangingText() {
  const [color, setColor] = useState('black');

  return (
    <div>
      <span style={{ color }}>{text}</span>
    </div>
  );
}

export default ColorChangingText;

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

function ColorChangingText() {
  const [color, setColor] = useState('black');

  useEffect(() => {
    const interval = setInterval(() => {
      setColor(generateRandomColor());
    }, 1000);

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

  const generateRandomColor = () => {
    const colors = ['red', 'blue', 'green', 'yellow'];
    const randomIndex = Math.floor(Math.random() * colors.length);
    return colors[randomIndex];
  };

  return (
    <div>
      <span style={{ color }}>{text}</span>
    </div>
  );
}

export default ColorChangingText;

import React from 'react';
import ColorChangingText from './ColorChangingText';

function App() {
  return (
    <div>
      <h1>My App</h1>
      <ColorChangingText />
    </div>
  );
}

export default App;