Reactjs读取属性文件? [英] Reactjs read a properties file?

问题描述

我很难找到有关如何在reactJS中读取属性文件的解决方案.

我已经读到您可以使用模块"properties-reader"，但是我似乎无法使require正常工作.有没有简单的方法?

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 ?

例如，

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!

推荐答案

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

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

然后在您的react组件中:

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

这篇关于Reactjs读取属性文件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！