從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