如何从React.js读取和写入本地JSON文件？

npm install fs path --save

import fs from 'fs';
import path from 'path';

// 读取本地JSON文件
export function readJSONFile(file) {
  const filePath = path.resolve(file);
  const fileData = fs.readFileSync(filePath, 'utf-8');
  return JSON.parse(fileData);
}

// 写入本地JSON文件
export function writeJSONFile(file, data) {
  const filePath = path.resolve(file);
  const jsonData = JSON.stringify(data);
  fs.writeFileSync(filePath, jsonData, 'utf-8');
}

import React from 'react';
import { readJSONFile, writeJSONFile } from './FileUtils';

class MyComponent extends React.Component {
  componentDidMount() {
    // 读取本地JSON文件
    const data = readJSONFile('data.json');
    console.log(data);

    // 修改数据
    data.name = 'New Name';

    // 写入本地JSON文件
    writeJSONFile('data.json', data);
  }

  render() {
    return <div>My Component</div>;
  }
}

export default MyComponent;