在通过 React JSX 函数渲染页面之前运行 javascript

IT技术 javascript reactjs react-jsx
2021-05-10 01:32:33

我有以下资源:

测试.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 body onload 函数

2 jquery 文档准备好

1个回答

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

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

这是一个小提琴