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>

Может кто-нибудь мне помочь? Заранее спасибо, ребята!

Является ли этот «файл свойств» файлом JSON? если да, то как вы это экспортируете? и когда вы его импортируете, в чем конкретная проблема

Jayce444 07.04.2018 12:49

да, я могу сделать это json-файлом, мне просто нужен файл, в котором я могу поместить свойство, которое я использую в других файлах, и когда я изменю свойство, оно изменит его во всех файлах, я имею в виду, если я импортирую файл json , как мне использовать свойство в var?

Mich 07.04.2018 12:58
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
2
10 307
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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>
        );
    }
}

Это действительно было очень полезно

Oliver 20.06.2019 20:43

Я делаю аналогичный способ в своем проекте, теперь мне нужно прочитать файл properties.js с сервера через вызов REST и использовать его для сопоставления имен. Я не нахожу подходящего решения, чтобы получить этот файл js и сделать его доступным для глобального использования ... не могли бы вы предложить здесь @ Jayce444

user1954970 13.11.2019 03:34

@ user1954970 Ну, есть несколько вариантов, например, размещение вызова API в корневом компоненте приложения и использование контекста для его предоставления остальной части приложения. Или, если вам нужны свойства не в приложении React, а только в других файлах JS, вы можете добавить на свой сайт скрипт, который извлекает свойства и прикрепляет их к объекту window. Однако, поскольку ваш вопрос принципиально отличается от этого, я предлагаю задать новый вопрос со всеми соответствующими деталями, и вам больше повезет с получением ответов таким образом.

Jayce444 13.11.2019 03:43

Другие вопросы по теме