0

In my react application the API sends some javascript function as a string

i.e. export const test=()=>{alert('Function from external source');} export const v=()=>void is sent. now I get it in my react application and as the state changes the component re-renders.

now, how can I call the testfunction in my component atcomponentDidUpdate or any other lifecycle hooks?

  • I am using Mobx and an observable variable get loaded by that string and as component re-renders that I can get it via props, so this is why componentDidUpdate was my first candidate
Improve this question
6
  • 1
    API sends some javascript function as a string one of the worst pattern ever. Commented Mar 15, 2019 at 18:53
  • @samb102 thanks for your sympathy, now any solution? Commented Mar 15, 2019 at 18:54
  • Since you cannot eval export declarations, there is no way to evaluate the string as is as JavaScript. If you can convert this to something else that you can evaluate with eval or new Function, you could do that, but it's certainly not an ideal approach. Commented Mar 15, 2019 at 18:54
  • @FelixKling thanks for hints, I was thinking of making a script HTML tag and set the sting as its innerHTML (assume if the string function is in ES5 style) and append it to document. in that case do you have any solution how to read that script in component Commented Mar 15, 2019 at 19:00
  • @Amir-Mousavi yes, drop this pattern. Commented Mar 15, 2019 at 19:01
Related questions
43
Call external Javascript function from react components
1
How to call a javascript function defined externally using react?
2
Calling External JS in React
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.