ReactJS class 组件和功能组件如何从普通 Javascript ZC1C425268E68385D1AB50741?

Question

我想从普通的 JavaScript ZC1C4145268E178A8 中调用 ReactJS function（功能组件）。 它不打印 output 因为 ReactJS 使用 JSX 语法。 是否可以从正常的 JS 功能调用 ReactJS 功能组件？ 我的示例代码在这里：

class Extra extends React.Component { 
      //This is the ReactJS class component 
}

function Greeting() {
       // This is the ReactJS functional component
      // I wanted to call this ReactJS functional component from the 
      normal JavaScript function 

      return (<Extra/>);
}

function Calling() {
    // This  is normal JavaScript function  which I have defined in the 
     separate file. From this function I wanted to call the ReactJS 
     function.

     Greeting();
}

我试过这个。 我从普通的JS function中调用了ReactJS功能组件。 It is going inside the ReactJS function but its not displaying the JSX code on the browser ( JSX sytax of the ReactJS Class component)

提前致谢

Answer 1

Yes you can call Component class function from normal javascript function, but you need to make that react function static then call from noraml javascript by className.react_function()

Answer 2

class Extra extends React.Component { 
  //This is the ReactJS class component 

  static Greeting=()=>{
    console.log("Greeting from react class function");
  }
}


function Calling() {
  // This  is normal JavaScript function  which I have defined in the  separate file.From this function I wanted to call the ReactJS function.
 Extra.Greeting();
}