Как прочитать локальный файл JSON в приложении React JS + Typescript и получить доступ к данным? - PullRequest
Новая
       11

Как прочитать локальный файл JSON в приложении React JS + Typescript и получить доступ к данным?

0 голосов
/ 30 июня 2018

Я пытаюсь прочитать локальный файл JSON в приложении-надстройке ReactJS + Typescript office. Я создал typings.d.ts в папке src и добавил следующее. 

declare module "*.json" {
    const value: any;
    export default value;
}
declare module "json!*" {
    let json: any;
    export default json;
}

Я импортировал файл в свой файл компонента, как это 

import * as data from './../../mock-data/pre-output.json';

Файл JSON содержит данные, подобные следующим 

{
 "result": {
     "ruleFeedback": [
         {
             "key": "Deal Size",
             "version": 1,
             "category": "Segmentation"
         }
      ]}
 }

И я попытался получить доступ к этому data, как показано ниже в моей функции. 

const newData = data.results.ruleFeedback.map(item =>
                [item.key, item.version,item.category, item.selectedValue]);

Но я получаю сообщение об ошибке TypeError: undefined is not an object (evaluating 'data.results.ruleFeedback')

Я даже попробовал import вот так 

import data = require('./../../mock-data/pre-output.json');

Но я получаю ту же ошибку.

Есть идеи, где я иду не так?

Я очень новичок в этом стеке технологий JS.

1 Ответ

0 голосов
/ 30 июня 2018

У меня была проблема с загрузкой данных JSON один раз. Для меня решение было поместить файл json в общую папку моего приложения (сгенерированную с помощью create-реагировать-приложение)

...