如何显示对象数组中的随机字符串。在一个时间循环中。[React]

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

const MyComponent = () => {
  const [data, setData] = useState([]);
  const [randomString, setRandomString] = useState('');
  
  // 在组件渲染后执行时间循环
  useEffect(() => {
    const interval = setInterval(() => {
      // 生成随机字符串
      const random = Math.random().toString(36).substring(7);
      setRandomString(random);
    }, 1000); // 每秒更新一次随机字符串
    
    // 清除时间循环
    return () => clearInterval(interval);
  }, []);
  
  return (
    <div>
      <p>随机字符串: {randomString}</p>
    </div>
  );
};