时间戳

首页 > 解决方案 > 从反应组件调用 Javascript 函数

javascript - 从反应组件调用 Javascript 函数

问题描述

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

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

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

谢谢你。

标签： javascriptreactjs

解决方案

是的。

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>

资源

推荐阅读