使用变量名渲染组件答案

【问题标题】：React components rendering with variable names使用变量名渲染组件
【发布时间】：2015-09-13 05:39:04
【问题描述】：

我有一个未知的要渲染的 react 组件列表。

// this is a react component
var DefaultModule = require('./DefaultModule.js');

<DefaultModule/> DefaultModule.js 中的类名

但如果我这样做了

// this is a react component
var sssss = require('./DefaultModule.js');

<sssss/>

那么有没有一种方法可以获取组件名称列表并相应地呈现它们？谢谢。

ps：react 组件是这样的

import React, {PropTypes, Component} from 'react';

class TestComponent extends Component {

  render() {
    return (
      <div>
     1123123123123123 hahaha small test
      </div>
    );
  }
}

export default TestComponent;

【问题讨论】：

标签： reactjs components

【解决方案1】：

我刚刚从讨论帖中找到了答案……

是的，我可以这样做，但反应组件必须以大写字母开头。所以 Sssss 可以工作 sssss 现在可以工作了。

https://github.com/facebook/react/issues/3365

The key is to use a capitalized variable name (Component) otherwise React will treat it as a built-in DOM element.

【讨论】：