Глобальные данные с реактивным маршрутизатором

Question

Как сохранить центральный/глобальный объект для некоторых данных с помощью ретранслятора?

Предположим, у моего сайта React имеется 20 различных маршрутов. 15 из этих 20 маршрутов нуждаются в одном файле JSON с сервера, который почти никогда не изменяется. Мне не терпится получить ПО/api/mydata для каждого нового URL/маршрута.

Я думаю, что могу сохранить данные в React's context, но это кажется взломанным и может даже не работать. Существует ли более элегантное решение для обмена данными между компонентами реагирующего маршрутизатора?

Edit: я частично решена путем создания Data.js файла:

export var myData = function(cb) { 
    ajax('GET', '/api/mydata', resp => { 
    myData = function() { 
     return cb(resp); 
    }; 
    cb(resp); 
    }); 
}; 

и использовать его как это:

myData(data => data.map(/* ...use the data */)); 

Таким образом, данные гарантированно только неправдоподобным один раз в жизненный цикл.

Answer 1

Arrr ... если вы не хотите использовать Redux или поток, вы можете создать синглтон, как это в новом JS файл

let appState = {}; 
export default appState; 

Во-первых сделать Аякс заполнить данные в этом одноточечном. Затем импортируйте его везде, где хотите данные.