2015-06-26 3 views
2

У меня есть неизвестный список реагирующих компонентов для рендеринга.Реагировать рендеринг компонентов с переменными именами

// 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: реагировать компонент выглядит следующим образом

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

class TestComponent extends Component { 

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

export default TestComponent; 

ответ

5

Я просто понял, ответ от дискуссионной нити ...

Да я могу сделать это, но компонент должны начинаться в заглавной букве реагировать , так что 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.