Reactjs读取属性文件？

小编典典

Reactjs读取属性文件？

reactjs

我在寻找有关 如何在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>

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

阅读 302

2020-07-22

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

2020-07-22