Call Javascript function from react components

Question

I have one question because I'm not sure if that possible. I have ReactJS project that included some javascript functions.

I found solution to call javascript function from react components with window object but is it possible to call function from reactcomponents in javascript script?

For example I have definied function in React component. Is it possible to call that function in javascript?

Thank you.

is it possible to call function from reactcomponents in javascript script? Yes. That is completely possible. Create a module and import necessary component / function and call it — Rajesh Dixit
– Rajesh Dixit, Commented Mar 7, 2019 at 9:03
Of course, React is just a library for javascript. You can call builtin javascript function as well as user-defined global javascript function from your react code — nerding_it
– nerding_it, Commented Mar 7, 2019 at 9:04
any example or something? I'm working first time with this combination so please send me some example. — Devmasta
– Devmasta, Commented Mar 7, 2019 at 9:04
StackOverflow is not a code-writing service. Please read through the Help Center, in particular How do I ask a good question? — Andreas
– Andreas, Commented Mar 7, 2019 at 9:08

lumio · Accepted Answer · 2019-03-07 09:08:42Z

5

Yes it is.

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>

Resources

Some further readings on how to embed other script files
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
Also a really interesting article on what JS is or rather how it is working on a website
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript

answered Mar 7, 2019 at 9:08

lumio

7,6054 gold badges42 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Call Javascript function from react components

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related