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

Run the javascript before render the page by react JSX function

本文关键字:javascript 运行 react JSX 函数      更新时间:2023-09-26

我有以下资源:

test.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主体加载功能

2jquery文档就绪

您的React.renderComponent调用是否在其他调用之后?请尝试以下操作。您可以让jsx文件声明所有组件,但也可以从另一个文件中呈现它们。

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

这是一把小提琴。