我有一个问题,因为我不确定这是否可能。我有 ReactJS 项目,其中包含一些 javascript 函数。
我找到了call javascript function from react components的解决方案与 window 对象,但是否可以从 JavaScript 脚本中的 ReactComponents 调用函数?
例如,我在 React 组件中定义了函数。是否可以在 JavaScript 中调用该函数?
谢谢。
最佳答案
是的。
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
关于javascript - 从 React 组件调用 Javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55039774/