Reactjs – Setting data into JSON file

In a React.js application, you can store data in a JSON file. You can read the JSON file using the fetch API or any other method, parse its contents, and then use the data within your React components.

Here’s an example of how you can read data from a JSON file in a React component:

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

const MyComponent = () => {
  const [questions, setQuestions] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await fetch('questions.json');
        const data = await response.json();
        setQuestions(data);
      } catch (error) {
        console.error('Error fetching data:', error);
      }
    };

    fetchData();
  }, []);

  return (
    <div>
      <h1>Questions</h1>
      <ul>
        {questions.map(question => (
          <li key={question.id}>{question.question}</li>
        ))}
      </ul>
    </div>
  );
};

export default MyComponent;

Also I recommend using json-server (https://www.npmjs.com/package/json-server )

Check it out