Access function from another class component

Question

I have two siblings class components and I am trying to call a function with arguments that resides in the PMtoXX from the XYtoPM. I am stuck of how to pass on the parameters and invoke the function. I get the error that the plot_PMSegment expected one argument.

` PMtoXY.tsx

class PMtoXY extends Component<IProps> {
----
plot_PMSegment = (beg_routeid, end_routeid) => {
-----
}
}

export default PMtoXY;

and I have this sibling component that I am trying to call the PMtoXY function from it.

XYtoPM.tsx `


class XYtoPM extends Component<IProps> {

import PMtoXY from "./PMtoXY";
----
-----
new plot_PMSegment(therouteid, theend_routeid)
-----
export default XYtoPM

Since React has uni-directional, top to bottom approach, straightforward solution is not possible.. Use can use either the Parent Component of both siblings or use Context API instead — Sundaramoorthy Anandh
– Sundaramoorthy Anandh, Commented Dec 15, 2022 at 4:10
A quick read could help you .. patrickdesjardins.com/blog/… — Sundaramoorthy Anandh
– Sundaramoorthy Anandh, Commented Dec 15, 2022 at 4:11

Lefteris Koumis · Accepted Answer · 2022-12-20 16:42:30Z

1

I found my answer from one of the suggestions (not the answer) provided on this posting: How to call a function from another class in React-Native?

The suggestion was: "You dont initiate your class, to solve this you need to change the B.abc() to new B().abc();"

edited Dec 20, 2022 at 16:42

answered Dec 15, 2022 at 18:39

Lefteris Koumis

135 bronze badges

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

Collectives™ on Stack Overflow

Access function from another class component

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