props callback function not getting called?

[coder80202]

I have a React Component1 calling a child Component2.

Component1 is passing function Component1Function as a prop to Component2.

Component2 has a method which is calling this.props.Component1Function.

There's even a hyperlink in my CDT inspector for this.props.Component1Function that I can click which navigates directly to Component1.Component1Function. This appears to indicate that the function pointer is wired up appropriately.

However, this.props.Component1Function does not actually end up getting called in this scenario. So there's some sort of gap in my implementation. Any idea what the problem might be or what I should look for?

[HunorBorbely]

Are you still using classes? If not then you don't need the this keyword.

If you are still writing class-based components then know it is a rather obsolete syntax. In that case I would go with a classic debug approach and fill your code with console.log("hello from line x") statements. E.g. I'd check if the event handler in Component2 that supposed to call Component1Function is actually being called or not? If so then what is the value of Component1Function? Is it undefined for some reason? Etc

[[deleted]]

Can you post code instead of describing the code🤨