Question

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

我找到了具有 window 对象的call javascript function from react components解决方案，但是可以从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

从react组件调用Javascript函数

1 个答案: