从react组件调用Javascript函数

Question

我有一个问题，因为我不确定是否可能。 我有一个ReactJS项目，其中包含一些javascript函数。

我找到了从带有窗口对象的react组件调用javascript函数的解决方案，但是可以从javascript脚本中的reactcomponents调用函数吗？

例如，我在React组件中定义了功能。 是否可以在javascript中调用该函数？

谢谢。

Answer 1

是的。

 const App = () => <div>Hello world { externalFunction() }</div>; ReactDOM.render( <App/>, document.querySelector( '#root' ) ); 

 <script> // Imagine this is an external source function externalFunction() { return Math.round( Math.random() * 100 ); } </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id="root"></div> 

资源

• 关于如何嵌入其他脚本文件的进一步阅读
  https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
• 也是关于JS是什么，或者说它如何在网站上工作的非常有趣的文章
  https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript