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
Post a Comment