我试图在动态确定组件名称后渲染组件,我得到了这个
Unknown prop
ent
on<resultComponent>
tag. Remove this prop from the element.
有问题的代码,在另一个组件中
<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>
最佳答案
您应该重命名您的组件,使其以大写字母开头。
The JSX tag name convention (lowercase names refer to built-in components, capitalized names refer to custom components).
所以,<ResultComponent key={key + entity.id} ent={entity}/>;
应该可以。
关于javascript - JSX 动态组件 - 未知属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43276400/