如何访问 React JS 功能组件中的全局变量？

Question

I have a global variable in the window object in a functional React component.

It's Global --> Designer --> nodes --> NODE_FORM --> props --> dataSource deep. How can I access it in my functional component?

Answer 1

Global variables are bad design within react. Use Context instead https://reactjs.org/docs/context.html

Answer 2

Y would you? It doesnt make any sense. Alot of anti patterns at onces. But the way of doing It Is

Global === Window

const Comp = props => { 

  const [get, set]= React.useState("");
  React.useEffect(()=>{
set(window.Designer.nodes.NODE_FROM.dataSource);

},[window.Designer]);
return (<div/>)
};