なぜこの反応要素はレンダリングされませんか？

Question

import React from 'react'; 
 
import {Alert} from 'react-bootstrap'; 
 

 

 
var App = React.createClass({ 
 
    render() { 
 
    return React.createElement('Alert',{bsStyle: 'danger'},'this alert doesn\'t work'); 
 
    } 
 
}); 
 

 
module.exports = App;

私は別のコンポーネントでDOM内のこのコンポーネントをレンダリングします。それ以来、働くことはないあなたのケースで

import React from 'react'; 
 
import {Alert} from 'react-bootstrap'; 
 
const element = React.createElement(
 
    'h1', 
 
    {className: 'greeting'}, 
 
    'Hello, world!' 
 
); 
 

 

 
var App = React.createClass({ 
 
    render() { 
 
    return element; 
 
    } 
 
}); 
 

 
module.exports = App;

Answer 1

React.createElementは、ないその名前を反応させるコンポーネントへの参照を受け入れなければなりません（：例えば、このような非ブートストラップ要素と罰金の作品ビルトインコンポーネントのみ）。

だから、

React.createElement(Alert, ... 

参照する必要があります：

• https://facebook.github.io/react/docs/react-api.html#createelement