从 React 组件调用 Javascript 函数

Question

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

我找到了使用window对象从 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