I have trouble looking for a solution on how to read a properties file in reactJS.

I've read that you can use the module "properties-reader" but I can't seem to make the require work. Is there a simple way ?

For example,

import React, { Component } from "react";
import './properties.file';
// var propertiesUser = properties.get('user');
class Main extends Component {

  render() {
    // Change title
    document.title = "Milo's Collection"

    return (
      <div>
        {propertiesUser}
      </div>

    );
  }
}

export default Main;

<script src=".1.0/react.min.js"></script>
<script src=".1.0/react-dom.min.js"></script>

I have trouble looking for a solution on how to read a properties file in reactJS.

I've read that you can use the module "properties-reader" but I can't seem to make the require work. Is there a simple way ?

For example,

import React, { Component } from "react";
import './properties.file';
// var propertiesUser = properties.get('user');
class Main extends Component {

  render() {
    // Change title
    document.title = "Milo's Collection"

    return (
      <div>
        {propertiesUser}
      </div>

    );
  }
}

export default Main;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

Can anyone help me? Thanks in advance guys!

• javascript
• json
• reactjs
• file
• properties

• is this 'properties file' a JSON file? if so, how are you exporting it? and when you import it what's the specific issue – Jayce444 Commented Apr 7, 2018 at 10:49
• yeah I can make it a json file, I just need a file where I can put a property that I use in other files, and when I change a property it'll change it in all the files I mean if i import a json file, how would I use the property in a var ? – Mich Commented Apr 7, 2018 at 10:58

1 Answer 1

Here's a simple way to import/export an object (in a .js file) so you can re-use it across multiple files:

/* properties.js */

export const properties = {
    content: "This is a string"
};

Then in your react component:

import React, { Component } from 'react';
import { properties } from './properties.js';

class Main extends Component {

    render() {
        return (
            <div>
                {properties.content}
            </div>
        );
    }
}