javascript - 在通过 React JSX 函数呈现页面之前运行 javascript

Question

我有以下资源:

测试.js

var gblData;

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

react jsx 文件

//use the gblData to render the html page

html文件

我尝试了以下方法在 jsx 文件之前调用 getData() 以便 gblData 不是未定义的。但是失败了。

1 html 正文加载函数

2 jquery文档就绪

Answer 1

你的 React.renderComponent 是在其他一切之后调用的吗？尝试以下操作。您可以让 jsx 文件声明所有组件，但您可以从另一个文件渲染它们。

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

这是一个 fiddle .