Styjun

Why is Skinner so awkward in Hot Fuzz?

Realistic, logical way for men with medieval-era weaponry to compete with much larger and physically stronger foes

Any gotchas in buying second-hand sanitary ware?

Writing mathematical symbol with bold

Should I move out from my current apartment before the contract ends to save more money?

How can I find out about the game world without meta-influencing it?

Boss making me feel guilty for leaving the company at the end of my internship

What is the theme of analysis?

Do the Shadow Magic sorcerer's Strength of the Grave feature and the half-orc's Relentless Endurance trait work together?

Is it possible to install Firefox on Ubuntu with no desktop enviroment?

Can I get a photo of an Ancient Arrow?

Does an African-American baby born in Youngstown, Ohio have a higher infant mortality rate than a baby born in Iran?

Past vs. present tense when referring to a fictional character

Are athletes' college degrees discounted by employers and graduate school admissions?

Approach sick days in feedback meeting

What publication claimed that Michael Jackson died in a nuclear holocaust?

I received a gift from my sister who just got back from

How Many Times To Repeat An Event With Known Probability Before It Has Occurred A Number of Times

Is all-caps blackletter no longer taboo?

Can you open the door or die? v2

Am I being scammed by a sugar daddy?

Optimising matrix generation time

Dedicated bike GPS computer over smartphone

Should I email my professor to clear up a (possibly very irrelevant) awkward misunderstanding?

TypeError: Cannot read property 'color' of undefined

Cannot read property 'map' of undefinedReact - uncaught TypeError: Cannot read property 'setState' of undefinedUncaught TypeError: Cannot read property 'bind' of undefinedTypeError: Cannot read property 'prepareStyles' of undefinedTypeError: cannot read property setState of undefinedUncaught TypeError: Cannot read property 'func' of undefinedHow do I pull the props from a child to the parent?Cards in ReactjsChanging style property with setState in ReactRedux state value used as a style property value?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

1

I am getting a Type Error that says Cannot read property 'color' of undefined

 renderMessage(message) 
 const member, text = message;
 const currentMember = this.props;
 const messageFromMe = member.id === currentMember.id;
 const className = messageFromMe ?
 "Messages-message currentMember" : "Messages-message";
 return (
 <li className=className>
 <span
 className="avatar"
 style=backgroundColor: member.clientData.color
 />
 <div className="Message-content">
 <div className="username">
 member.clientData.username
 </div>
 <div className="text">text</div>
 </div>
 </li>
 );
 
}

The code is compiling in node js but it outputs a error message in the browser

reactjs

share|improve this question

edited Mar 25 at 1:57

Sterling Archer

16.3k136391

asked Mar 25 at 1:53

Charles EvansCharles Evans

61

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Have you done any debugging to see why clientData is undefined?
  
  – Sterling Archer
  Mar 25 at 1:57
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  i have done a bit i am allot sure that it is a syntax problem but i cant seem to see the member of client data
  
  – Charles Evans
  Mar 25 at 2:10
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Follow the logs. If clientData is undefined, that means something is wrong with the member property, which means the message param passed in is not what you expect
  
  – Sterling Archer
  Mar 25 at 2:11
  

  
  
  
  

add a comment | 

1

I am getting a Type Error that says Cannot read property 'color' of undefined

 renderMessage(message) 
 const member, text = message;
 const currentMember = this.props;
 const messageFromMe = member.id === currentMember.id;
 const className = messageFromMe ?
 "Messages-message currentMember" : "Messages-message";
 return (
 <li className=className>
 <span
 className="avatar"
 style=backgroundColor: member.clientData.color
 />
 <div className="Message-content">
 <div className="username">
 member.clientData.username
 </div>
 <div className="text">text</div>
 </div>
 </li>
 );
 
}

The code is compiling in node js but it outputs a error message in the browser

reactjs

share|improve this question

edited Mar 25 at 1:57

Sterling Archer

16.3k136391

asked Mar 25 at 1:53

Charles EvansCharles Evans

61

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Have you done any debugging to see why clientData is undefined?
  
  – Sterling Archer
  Mar 25 at 1:57
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  i have done a bit i am allot sure that it is a syntax problem but i cant seem to see the member of client data
  
  – Charles Evans
  Mar 25 at 2:10
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Follow the logs. If clientData is undefined, that means something is wrong with the member property, which means the message param passed in is not what you expect
  
  – Sterling Archer
  Mar 25 at 2:11
  

  
  
  
  

add a comment | 

I am getting a Type Error that says Cannot read property 'color' of undefined

 renderMessage(message) 
 const member, text = message;
 const currentMember = this.props;
 const messageFromMe = member.id === currentMember.id;
 const className = messageFromMe ?
 "Messages-message currentMember" : "Messages-message";
 return (
 <li className=className>
 <span
 className="avatar"
 style=backgroundColor: member.clientData.color
 />
 <div className="Message-content">
 <div className="username">
 member.clientData.username
 </div>
 <div className="text">text</div>
 </div>
 </li>
 );
 
}

The code is compiling in node js but it outputs a error message in the browser

reactjs

share|improve this question

edited Mar 25 at 1:57

Sterling Archer

16.3k136391

asked Mar 25 at 1:53

Charles EvansCharles Evans

61

 renderMessage(message) 
 const member, text = message;
 const currentMember = this.props;
 const messageFromMe = member.id === currentMember.id;
 const className = messageFromMe ?
 "Messages-message currentMember" : "Messages-message";
 return (
 <li className=className>
 <span
 className="avatar"
 style=backgroundColor: member.clientData.color
 />
 <div className="Message-content">
 <div className="username">
 member.clientData.username
 </div>
 <div className="text">text</div>
 </div>
 </li>
 );
 
}

share|improve this question

edited Mar 25 at 1:57

Sterling Archer

16.3k136391

asked Mar 25 at 1:53

Charles EvansCharles Evans

61

share|improve this question

edited Mar 25 at 1:57

Sterling Archer

16.3k136391

asked Mar 25 at 1:53

Charles EvansCharles Evans

61

edited Mar 25 at 1:57

Sterling Archer

16.3k136391

edited Mar 25 at 1:57

Sterling Archer

16.3k136391

asked Mar 25 at 1:53

Charles EvansCharles Evans

61

asked Mar 25 at 1:53

Charles EvansCharles Evans

61