Ttykuu

Identifying the interval from A♭ to D♯

How Could an Airship Be Repaired Mid-Flight

Who is flying the vertibirds?

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

Why do Australian milk farmers need to protest supermarkets' milk price?

How do I hide Chekhov's Gun?

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

Can a druid choose the size of its wild shape beast?

Did Ender ever learn that he killed Stilson and/or Bonzo?

Gravity magic - How does it work?

how to write formula in word in latex

How to explain that I do not want to visit a country due to personal safety concern?

Why would a flight no longer considered airworthy be redirected like this?

Interplanetary conflict, some disease destroys the ability to understand or appreciate music

Why Choose Less Effective Armour Types?

Error in Twin Prime Conjecture

Look at your watch and tell me what time is it. vs Look at your watch and tell me what time it is

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

Brexit - No Deal Rejection

Is it possible to upcast ritual spells?

What are substitutions for coconut in curry?

How to create the Curved texte?

Recruiter wants very extensive technical details about all of my previous work

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

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 1 hour 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 1 hour 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 1 hour 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 1 hour 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 1 hour 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 1 hour 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 1 hour ago

m4rsib4rm4rsib4r

11