How to pass data from root html script into the child level components

Asked Apr 21 '20 at 23:54

Active Apr 21 '20 at 23:54

Viewed 100 times

How to access the data which is available at root level html script in react child components?

root.html

<html>
   <head> 
    <script type="text/javascript">           
      function DataIntoComponents()    
      {            
        var message = 'Some Data';
        //How to pass this message into the components   
      }             
  </script> 
</head>
<body>
<div id='root'></div>
</body>
</html>

index.tsx

componentDidMount{
 //How to access message here ??
}

asked Apr 21 '20 at 23:54

Diksha Mundhra

does window.message work? – Anthony McGrath Apr 22 '20 at 00:14
Able to set window.message in root.html but Window.message is not accessible in index.tsx – Diksha Mundhra Apr 22 '20 at 00:49
Does this answer your question? [How to declare a global variable in React?](https://stackoverflow.com/questions/34351804/how-to-declare-a-global-variable-in-react) – keikai Apr 22 '20 at 01:03
@keikai I cannot use Context in root.html , It is a plain javascript. – Diksha Mundhra Apr 22 '20 at 01:14

How to pass data from root html script into the child level components

0 Answers0