如何从普通的 Javascript 函数中调用 ReactJS 类组件和功能组件？

Question

我想从普通的 JavaScript 函数中调用一个 ReactJS 函数（函数式组件）。它不打印输出，因为 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 函数中调用了 ReactJS 函数组件。它在 ReactJS 函数内部，但它没有在浏览器上显示 JSX 代码（ReactJS 类组件的 JSX 语法）

提前致谢

Answer 1

是的，您可以从普通的 javascript 函数调用组件类函数，但您需要将该反应函数 static 然后通过 className.react_function() 从 noraml javascript 调用

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();
}