如何从文件中获取JSON并将其呈现给reactjs中的组件

fetch('path/to/file.json')
  .then(response => response.json())
  .then(data => {
    // 在这里处理获取到的JSON数据
  })
  .catch(error => {
    // 处理错误
  });

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

function MyComponent() {
  const [jsonData, setJsonData] = useState(null);

  useEffect(() => {
    fetch('path/to/file.json')
      .then(response => response.json())
      .then(data => {
        setJsonData(data);
      })
      .catch(error => {
        console.error('Error:', error);
      });
  }, []);

  if (!jsonData) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      {/* 使用jsonData来呈现组件的内容 */}
    </div>
  );
}

export default MyComponent;