Call a function on a ReactJs component class object

Question

I have the following ReactJs class:

var Linker = React.createClass({
  foo: function(){
    console.log('foo')
  },

  render: function(){
    return (
      <div></div>
    );
  }
});

Now I want to call the foo() function from the outside:

Linker.foo();

But it throws:

app.js:4654 Uncaught TypeError: Linker.foo is not a function

Can anyone tell me how to call the foo() method?

Reason: I have to use an older version of react-router where I need an old ES5 class with some mixins to transition to a different route. My Plan is to let the Linker class do the transition while my main class is ES6.

Why Linker can't be accesed with refs? You should direct call constructor of React$Element never — Yozi
– Yozi, Commented Jul 8, 2016 at 9:52

Dan Prince · Accepted Answer · 2016-07-08 09:51:41Z

1

If you need access to the function without any context, then you can find it directly on the prototype property for Linker.

Linker.prototype.foo();

answered Jul 8, 2016 at 9:51

Dan Prince

30.1k15 gold badges94 silver badges124 bronze badges

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

3 Comments

Phillipp Over a year ago

That didn't work in my case because without context, he can't find the router. But it seems to work when you don't need the context.

Dan Prince Over a year ago

No worries. You might want to consider editing and re-wording the question before marking the accepted answer, as in the example you were looking for the method on the factory instance, not the component instance.

Phillipp Over a year ago

I edited the question and marked your answer as the correct one because it is indeed the right answer of my question, even if it doesn't work for me because I need the context.

Community · Accepted Answer · 2017-05-23 11:44:13Z

0

I found the answer here: https://stackoverflow.com/a/24848228/3877081

I had to render the Linker component and can access it through refs.

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered Jul 8, 2016 at 9:53

Phillipp

1,4452 gold badges12 silver badges28 bronze badges

Collectives™ on Stack Overflow

Call a function on a ReactJs component class object

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related