如何使用React随机呈现对象数组

npm install react

import React from 'react';

const RandomObjectArray = ({ objects }) => {
  // 随机选择一个对象
  const randomIndex = Math.floor(Math.random() * objects.length);
  const randomObject = objects[randomIndex];

  return (
    <div>
      <h1>随机对象数组</h1>
      <p>随机选择的对象是：{randomObject.name}</p>
      <p>对象描述：{randomObject.description}</p>
    </div>
  );
};

export default RandomObjectArray;

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

const App = () => {
  const objects = [
    { name: '对象1', description: '这是对象1的描述。' },
    { name: '对象2', description: '这是对象2的描述。' },
    { name: '对象3', description: '这是对象3的描述。' },
  ];

  return (
    <div>
      <h1>我的应用程序</h1>
      <RandomObjectArray objects={objects} />
    </div>
  );
};

export default App;