为什么这不反应元素渲染？

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