Reactjs读取属性文件?

时间:2018-04-07 10:11:18

标签: javascript json reactjs file properties

我在如何读取reactJS中的属性文件时遇到问题。

我读过你可以使用“属性 - 阅读器”模块,但我似乎无法使需求工作。有一个简单的方法吗?

例如,

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>

任何人都可以帮助我吗?先谢谢你们!

1 个答案:

答案 0 :(得分:2)

这是导入/导出对象(在.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>
        );
    }
}