javascript - JSX 动态组件 - 未知属性

Question

我试图在动态确定组件名称后渲染组件，我得到了这个

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>

Answer 1

您应该重命名您的组件，使其以大写字母开头。

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}/>;应该可以。