Run the javascript before render the page by react JSX function

Question

I have the following resources:

test.js

var gblData;

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

React jsx file

//use the gblData to render the html page

html file

I tried the following ways to call the getData() before the jsx file so that gblData is not undefined. But it is failed.

1 html body onload function

2 jquery document ready

try putting your test.js script in the <head> tags of your html page, or you can use the defer attribute on both the script tags to make them execute in order see here — trekforever
– trekforever, Commented Oct 22, 2014 at 17:47

GGhe · Accepted Answer · 2015-01-05 00:36:04Z

1

Is your React.renderComponent call after everything else? Try the following. You can have your jsx file declare all your components, but you can render them from another file.

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

Here's a fiddle.

answered Jan 5, 2015 at 0:36

GGhe

6935 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Run the javascript before render the page by react JSX function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related