Reactjs 读取属性文件？

Question

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

我读到您可以使用模块“properties-reader”，但我似乎无法使 require 工作。有没有简单的方法？

例如，

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"
};

然后在你的反应组件中：

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

class Main extends Component {

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