JSX动态组件 - 未知道具

Question

我正在尝试在动态确定其名称后呈现组件，而我正在获取此

  

ent标记上的未知道具<resultComponent>。从元素中删除此道具。

违规代码，在另一个组件

中

  <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>

Answer 1

您应该重命名组件，因此它以大写字母开头。

  

JSX标记名称约定（小写名称是指内置的   组件，大写名称是指自定义组件。）

所以，<ResultComponent key={key + entity.id} ent={entity}/>;应该有用。