how to read data from a properties file in reactjs

Question

I have created properties file in other directory of my computer. I want to read the data from that file and display it. So can anyone please suggest me, How can I achieve this.Thanks in advance.

Answer 1

Since its not clear what you are trying to achive,

Situation 1. You developed a react app for users, which is trying to read a user's file on his computer.

This is not possible as reactjs is a front-end library which can access the resources limited to browser only. You just can't read someone else's files.

Situation 2. The file is a part of you project which is in different directory.

So just put your file inside the your project directory, and since it is a properties file then this is how you can import it inside your project.

Answer 2

On front-end side - You can't and You should not be able to because it'd be a huge security risk. Do not try to solve it on the client side. Try to think about a back-end solution after uploading that particular file to the server.

On the other hand - why are you trying to keep a file, which is logically connected with the app - outside of the repository ?

Answer 3

From what i understand, you have a properties file on YOUR computer and you want to read that file from reactjs app. This is not possible as front end is not allowed to directly access user's hard disk. This would be a big security flaw. This is because the front end part runs on the client side.
Consider a situation where you have written code to read file from desktop. Then your app would be able to read the desktop files of ALL USERS who use that app. That's why you always see an upload button when you have to choose a file to read. The file is first sent to server side and then processed.
Since reactjs runs on client side, it is better to maintain a server and make an API call to it to fetch the data. Or you can hard code it in react app itself if it isn't sensitive info.