Reactjs读取属性文件？

Question

我在寻找有关如何在reactJS中读取属性文件的解决方案时遇到麻烦。

我读过您可以使用模块“ properties-reader”，但是我似乎无法使需求工作正常。有没有简单的方法？

例如，

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>

谁能帮我？在此先感谢大家！

Answer 1

这是一种导入/导出对象（.js文件中）的简单方法，因此您可以在多个文件中重复使用它：

/* properties.js */

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

然后在您的react组件中：

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

class Main extends Component {

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