Запустите Javascript, прежде чем отобразить страницу по реакции JSX функция

Question

У меня есть следующие ресурсы:

test.js

var gblData; 

function getData(){ 
    //webservice to set value to gblData 
} 

Реагировать JSX файл

//use the gblData to render the html page 

HTML файл

Я пробовал следующие способы вызова getData() перед jsx-файлом, чтобы gblData не был определен. Но это провалилось.

1 HTML тела OnLoad функция

2 JQuery документ готов

Answer 1

React.renderComponent Ваш вызов после того, как все остальное? Попробуйте следующее. Возможно, ваш файл jsx объявит все ваши компоненты, но вы можете отобразить их из другого файла.

var glbData; 
function getData(){ 
    ... 
    ... 
    React.renderComponent(<YourComponent/>, document.body); 
}  

Адрес fiddle.