为什么这个反应元素不呈现？

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组件的引用，而不是其名称（由于它仅适用于内置组件，因此不会起作用）。

所以它应该是

React.createElement(Alert, ...

参考文献：

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