如何在单击按钮时将json中的数组中的项显示为react本机模式

import React, { useState } from 'react';

const ButtonComponent = () => {
  const [items, setItems] = useState([]);

  const handleClick = () => {
    // 假设这是从JSON中获取的数组
    const json = {
      items: [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
        { id: 3, name: 'Item 3' }
      ]
    };

    // 将JSON数组中的项添加到items数组中
    setItems(json.items);
  };

  return (
    <div>
      <button onClick={handleClick}>点击按钮</button>
      {items.map(item => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
};

export default ButtonComponent;