react 组件怎么公用_react全局的公共组件-------弹框 （Alert）

最近研究react，发现写一个组件很容易，但是要写一个全局的好像有点麻烦。不能像VUE一样，直接在原型上面扩展，注册全局组件

下面实现一个弹框，只需要引入之后，直接调用方法即可，不需要写入组件

给出我写react全局组件的思路。

创建一个 div加入到body，用这个div当容器，渲染react组件，然后由改变组件的 state来控制弹框的显示隐藏

代码结构如下：

效果图如下：

alert.jsx

import React, { Component } from 'react';

import { is, fromJS } from 'immutable';

import ReactDOM from 'react-dom';

import ReactCSSTransitionGroup from 'react-addons-css-transition-group';

import './alert.css';

let def