捕获随机生成的数字并将其存储到React中的数组中

，可以通过以下步骤实现：

在React组件中创建一个数组来存储生成的随机数字。可以使用useState钩子来定义和更新数组的状态。

import React, { useState } from 'react';

function NumberGenerator() {
  const [numbers, setNumbers] = useState([]);

  // 生成随机数字并将其添加到数组中
  const generateNumber = () => {
    const randomNumber = Math.floor(Math.random() * 100) + 1;
    setNumbers([...numbers, randomNumber]);
  };

  return (
    <div>
      <button onClick={generateNumber}>生成随机数字</button>
      <ul>
        {numbers.map((number, index) => (
          <li key={index}>{number}</li>
        ))}
      </ul>
    </div>
  );
}

export default NumberGenerator;

在上述代码中，我们使用useState钩子来创建一个名为numbers的状态变量，并使用setNumbers函数来更新该变量。初始状态下，numbers数组为空。
在generateNumber函数中，我们使用Math.random()方法生成一个0到1之间的随机数，并使用Math.floor()方法将其转换为整数。通过乘以100并加1，我们可以生成一个1到100之间的随机整数。
使用展开运算符（...）将新生成的随机数字添加到numbers数组中，并通过调用setNumbers函数更新数组的状态。
在组件的返回部分，我们渲染一个按钮，当点击按钮时调用generateNumber函数生成随机数字。同时，我们使用map方法遍历numbers数组，并将每个数字渲染为一个列表项。

这样，每次点击按钮时，都会生成一个随机数字并将其添加到React组件中的数组中。