How can i call a function written in reactjs through an external javascript?

Question

lets say i have a testfunction written in reactjs just before the rendering, in the index.js file

function testfunction(){
console.log("this is test function written in reactjs")
}

and i want to call the above reactjs function in html script.

<html>
<body>

//including reactjs minified js in the index.html
<script src="reactjs.min.js"></script>

<script>
//here i want to call function written in reactjs file
testfunction();
</script>

</body>
</html>

only way to make it global or use IIFE

RIYAJ KHAN
– RIYAJ KHAN

2018-03-20 05:08:10 +00:00
Commented Mar 20, 2018 at 5:08 — RIYAJ KHAN
– RIYAJ KHAN, Commented Mar 20, 2018 at 5:08

CertainPerformance · Accepted Answer · 2018-03-20 05:03:40Z

2

It's ugly and bad practice, but you can set a function to global (window) context so that other scripts can call it:

window.testfunction = () => console.log("this is test function written in reactjs");

Then, other scripts on the page, having access to window, will be able to call it.

answered Mar 20, 2018 at 5:03

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

2 Comments

MuKaz Over a year ago

Thanks man, it worked. if i use this in production, what would be the side effects of using this as global function?

CertainPerformance Over a year ago

It pollutes the global namespace and will make larger applications more difficult to refactor and debug later. It would be better to integrate your page script with your react script, that way they have access to the same scope.

Collectives™ on Stack Overflow

How can i call a function written in reactjs through an external javascript?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related