How to access a static JSON file from the server from a react app

Question

I have a static JSON file in my apache server and I want my react application to access the static JSON file and show its content

The idea behind is I have a Terms and Condition page in my application my react application will cover all the skeleton (App bar, logo, Navigation buttons ..) of the T&C page but I want the content of my T&C page to be loaded from the static JSON file that I place on my server so that if I want to make any change to the T&C I only update the JSON file and no need to rebuild my application

FYI - I am using create react app and not webpack

How do I achieve this?

"FYI - I am using create react app and not webpack"... CRA uses Webpack — Phil
– Phil, Commented Jul 31, 2024 at 2:10
I created a static HTML file and fetched it from my AWS I moved away from the idea of using JSON — Derek emmanuel
– Derek emmanuel, Commented Jul 31, 2024 at 17:32

Gabriel · Accepted Answer · 2024-07-30 20:16:56Z

0

Just fetch the file.

let [jsonData, setJsonData] = useState();

async function loadData() {
    let res = await fetch("url");
    setJsonData(await res.json());
}

useEffect(() => {
    loadData();
}, []);

You may want to add error handling.

answered Jul 30, 2024 at 20:16

Gabriel

2,1801 gold badge17 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to access a static JSON file from the server from a react app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related