javascript - JSX dynamic component - Unknown prop -


i'm trying render components after dynamically determining name , i'm getting this

unknown prop ent on <resultcomponent> tag. remove prop element.

the offending code, within component

  <ul>     {this.state.results.map(entity => {       var resultcomponent = null;       var key = null;        if (entity instanceof projectmodel) {         resultcomponent = projectresult;         key = "p";       } else {         resultcomponent = userresult;         key = "u";       }        return <resultcomponent key={key + entity.id} ent={entity}/>;     })}   </ul> 

you should rename component, begins uppercase letter.

the jsx tag name convention (lowercase names refer built-in components, capitalized names refer custom components).

so, <resultcomponent key={key + entity.id} ent={entity}/>; should work.


Comments

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -