反应重新渲染模态组件

Question

我有2个模态窗口，我已将其定义为反应组件。只要我们网站上的用户点击按钮，第一个模态就会呈现并指示正在进行某些处理。我们正在处理这个模态时进行一些API调用。根据API调用的结果，我需要能够将另一个模态窗口替换为其中包含其他内容的模态窗口。目前这是我的代码，但这不会呈现第二个模态窗口。

import React, { PropTypes, Component } from 'react';

import * as statusList from './status';

class AppStatus extends Component {
  static propTypes = {
    component: PropTypes.string
  }

  render() {
    const { component, ...statusProps } = this.props;
    const Status = statusList[component]; 

    return (
        <div id="app-status" className="expanded row align-center align-middle">
          <Status {...statusProps} />
        </div>
    );

  }
}

export default AppStatus;

我看到的行为是第一个模态首先显示，当第二个组件必须渲染模态时完全消失。

我在这里做错了什么？如何进行渲染？