Redux function is part of props, but then undefined

Asked Jan 21 '18 at 16:02

Active Jan 21 '18 at 16:02

Viewed 77 times

Hey I have a issue i cant wrap my head around..

I have a action in redux called updateIpBrowserConfig.

I pass it to my container and then to a child component.

When I do this in my child component:

constructor(props) {
    super(props);
    console.log(this.props);
}

I sure enough get all the props and I can see that the updateIpBrowserConfig is a function:

{options: Array(3), ipBrowserConfigSelected: 1, updateBrowserIpConfig: ƒ}

But if I do also in the constuctor

 constructor(props) {
    super(props);
    console.log(this.props);
    console.log(this.props.updateBrowserIpConfig);
}

I get exactly the same props object that shows updateBrowserConfig as a function, but the value when printing the function is "undefined".

So I cant fire the action, because the function is undefined. But it is in my props as a function?

I cant wrap my head around this. Hopefully someone can help

asked Jan 21 '18 at 16:02

Roi

Could you add code for parent container? – Kacper Wiszczuk Jan 21 '18 at 16:10
Possibly what you are looking for is this https://stackoverflow.com/questions/41113798/why-and-when-do-we-need-to-bind-functions-and-eventhandlers-in-react/41113862#41113862 – Shubham Khatri Jan 21 '18 at 16:12
Not really because, it is reference to function that is undefined, not reference to variables used in function, that are bound to this in parent function. Or am I wrong? – Kacper Wiszczuk Jan 21 '18 at 16:23
I guess `this` is coming undefined, Am I wrong – Shubham Khatri Jan 21 '18 at 16:28
1

Can you add your parent component from where you are passing the updateBrowserIpConfig – Shubham Khatri Jan 21 '18 at 17:23

0 Answers0