如何在React.js中每隔5秒生成一个随机数？

在React.js中，可以使用setInterval函数来实现每隔5秒生成一个随机数的功能。具体步骤如下：

首先，在React组件的state中定义一个变量来保存生成的随机数。例如，可以使用useState钩子函数来定义一个名为randomNumber的状态变量，并初始化为一个初始值。

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

function RandomNumberGenerator() {
  const [randomNumber, setRandomNumber] = useState(0);

  // 生成随机数的函数
  const generateRandomNumber = () => {
    const newRandomNumber = Math.floor(Math.random() * 100);
    setRandomNumber(newRandomNumber);
  };

  // 在组件挂载时启动定时器
  useEffect(() => {
    const intervalId = setInterval(generateRandomNumber, 5000);

    // 在组件卸载时清除定时器
    return () => clearInterval(intervalId);
  }, []);

  return (
    <div>
      <p>随机数: {randomNumber}</p>
    </div>
  );
}

export default RandomNumberGenerator;

在上述代码中，我们使用了useState钩子函数来定义了一个名为randomNumber的状态变量，并初始化为0。然后，我们定义了一个generateRandomNumber函数，用于生成随机数并更新randomNumber的值。接下来，我们使用useEffect钩子函数来在组件挂载时启动定时器，并在组件卸载时清除定时器。在定时器的回调函数中，我们调用generateRandomNumber函数来生成随机数并更新randomNumber的值。最后，我们在组件的渲染结果中显示生成的随机数。

这样，每隔5秒钟，React组件就会重新渲染，并生成一个新的随机数。