爲什麼這不反應元素渲染？

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