Warum wird dieses reagierende Element nicht gerendert?

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;

ich mache diese Komponente in dem dom in einer anderen Komponente. Seine Arbeiten fein mit einem nicht Bootstrap-Element wie folgt zum Beispiel:

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 in Ihrem Fall einen Verweis auf das reagieren Komponente akzeptieren müssen, nicht seinen Namen (die, da sie nie funktionieren würde ist nur für eingebaute Komponenten).

So sollte es

React.createElement(Alert, ... 

Referenzen sein:

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