Vwwxrf

Co-worker team leader wants to inject his friend's awful software into our development. What should I say to our common boss?

Do I need life insurance if I can cover my own funeral costs?

Life insurance that covers only simultaneous/dual deaths

What is a^b and (a&b)<<1?

What's the meaning of “spike” in the context of “adrenaline spike”?

Unexpected result from ArcLength

Existence of subset with given Hausdorff dimension

Employee lack of ownership

What approach do we need to follow for projects without a test environment?

PTIJ: Who should I vote for? (21st Knesset Edition)

How could a scammer know the apps on my phone / iTunes account?

If curse and magic is two sides of the same coin, why the former is forbidden?

Can I use USB data pins as power source

My Graph Theory Students

Welcoming 2019 Pi day: How to draw the letter π?

Combining an idiom with a metonymy

How to simplify this time periods definition interface?

What do Xenomorphs eat in the Alien series?

Happy pi day, everyone!

It's a yearly task, alright

Sailing the cryptic seas

Is this a real picture of Jordan Peterson in New Zealand with a fan wearing a shirt that says "I'm a Proud Islamaphobe"?

If I can solve Sudoku can I solve Travelling Salesman Problem(TSP)? If yes, how?

Brexit - No Deal Rejection

this.props.removeFromFavs is not a function

JavaScript custom addEvent function to add event handlersA character-by-character inline markdown parserUsing setTimeout to get scrolling chat window to work, but doesn't feel like the ideal solutionTable component for scrolling through lines of dataThree identical AJAX button handlers in three viewsReset an input field after submissionReact higher-order component: withHigherHandlersPopup classes hierarchy designSimple JavaScript front-end framework for building web componentsMaterial UI menu drop down component

0

$begingroup$

In the main component theres a function

 removeFromFavs = id => 
 console.log("removed", id);
 ;

which is then passed down through props

 <CharacterList
 characters=this.state.characters
 search=this.state.search
 nextCharacter=this.state.charactersNext
 prevCharacter=this.state.charactersPrev
 fetchSomeData=this.fetchSomeData
 scroll=this.scroll
 updateFavsState=this.updateFavsState
 closeMenu=this.closeMenu
 removeFromFavs=this.removeFromFavs
 />

then is passed another level deep through props, finally to where it'll be used.

 <Character
 key=index
 character=c
 updateFavsState=this.props.updateFavsState
 location=this.props.location
 removeFromFavs=this.props.removeFromFavs
 />

in the Character component there is a function

 handleClick = location => 
 if (location === "/favorites") 
 this.props.removeFromFavs(this.props.character.id);
 else 
 this.props.updateFavsState(this.props.character);
 this.setState(prevState => (
 loved: !prevState.loved
 ));
 
 ;

that is then called in an onClick event

 onClick=() => 
 this.handleClick(this.props.location.pathname);
 

I'm receiving this error that it's not a function.

What i really dont understand is how the function "updateFavsState"
is passed through exactly the same way and is executed the same but i'm not getting an error for that one

javascript react.js

share|improve this question

asked 10 mins ago

m4rsib4rm4rsib4r

11

New contributor

m4rsib4r is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

$endgroup$

add a comment | 

0

$begingroup$

In the main component theres a function

 removeFromFavs = id => 
 console.log("removed", id);
 ;

which is then passed down through props

 <CharacterList
 characters=this.state.characters
 search=this.state.search
 nextCharacter=this.state.charactersNext
 prevCharacter=this.state.charactersPrev
 fetchSomeData=this.fetchSomeData
 scroll=this.scroll
 updateFavsState=this.updateFavsState
 closeMenu=this.closeMenu
 removeFromFavs=this.removeFromFavs
 />

then is passed another level deep through props, finally to where it'll be used.

 <Character
 key=index
 character=c
 updateFavsState=this.props.updateFavsState
 location=this.props.location
 removeFromFavs=this.props.removeFromFavs
 />

in the Character component there is a function

 handleClick = location => 
 if (location === "/favorites") 
 this.props.removeFromFavs(this.props.character.id);
 else 
 this.props.updateFavsState(this.props.character);
 this.setState(prevState => (
 loved: !prevState.loved
 ));
 
 ;

that is then called in an onClick event

 onClick=() => 
 this.handleClick(this.props.location.pathname);
 

I'm receiving this error that it's not a function.

What i really dont understand is how the function "updateFavsState"
is passed through exactly the same way and is executed the same but i'm not getting an error for that one

javascript react.js

share|improve this question

asked 10 mins ago

m4rsib4rm4rsib4r

11

New contributor

m4rsib4r is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

$endgroup$

add a comment | 

$begingroup$

In the main component theres a function

 removeFromFavs = id => 
 console.log("removed", id);
 ;

which is then passed down through props

 <CharacterList
 characters=this.state.characters
 search=this.state.search
 nextCharacter=this.state.charactersNext
 prevCharacter=this.state.charactersPrev
 fetchSomeData=this.fetchSomeData
 scroll=this.scroll
 updateFavsState=this.updateFavsState
 closeMenu=this.closeMenu
 removeFromFavs=this.removeFromFavs
 />

then is passed another level deep through props, finally to where it'll be used.

 <Character
 key=index
 character=c
 updateFavsState=this.props.updateFavsState
 location=this.props.location
 removeFromFavs=this.props.removeFromFavs
 />

in the Character component there is a function

 handleClick = location => 
 if (location === "/favorites") 
 this.props.removeFromFavs(this.props.character.id);
 else 
 this.props.updateFavsState(this.props.character);
 this.setState(prevState => (
 loved: !prevState.loved
 ));
 
 ;

that is then called in an onClick event

 onClick=() => 
 this.handleClick(this.props.location.pathname);
 

I'm receiving this error that it's not a function.

What i really dont understand is how the function "updateFavsState"
is passed through exactly the same way and is executed the same but i'm not getting an error for that one

javascript react.js

share|improve this question

asked 10 mins ago

m4rsib4rm4rsib4r

11

New contributor

m4rsib4r is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

$endgroup$

 removeFromFavs = id => 
 console.log("removed", id);
 ;

 <CharacterList
 characters=this.state.characters
 search=this.state.search
 nextCharacter=this.state.charactersNext
 prevCharacter=this.state.charactersPrev
 fetchSomeData=this.fetchSomeData
 scroll=this.scroll
 updateFavsState=this.updateFavsState
 closeMenu=this.closeMenu
 removeFromFavs=this.removeFromFavs
 />

 <Character
 key=index
 character=c
 updateFavsState=this.props.updateFavsState
 location=this.props.location
 removeFromFavs=this.props.removeFromFavs
 />

 handleClick = location => 
 if (location === "/favorites") 
 this.props.removeFromFavs(this.props.character.id);
 else 
 this.props.updateFavsState(this.props.character);
 this.setState(prevState => (
 loved: !prevState.loved
 ));
 
 ;

 onClick=() => 
 this.handleClick(this.props.location.pathname);
 

share|improve this question

asked 10 mins ago

m4rsib4rm4rsib4r

11

New contributor

m4rsib4r is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this question

asked 10 mins ago

m4rsib4rm4rsib4r

11

New contributor

m4rsib4r is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked 10 mins ago

m4rsib4rm4rsib4r

11

New contributor

m4rsib4r is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked 10 mins ago

m4rsib4rm4rsib4r

11