reactjs - 访问由 React Hot Loader 包裹的组件

Question

给定下面的根 React 组件：

** 注意 react hot loader 导出语句。

class UI extends Component {
    constructor(props, context) {
        super(props, context);
        this.state = {
            message: ""
        };
    }

    displayMessage() {
        this.setState({
            message: "Hello World!"
        });
    }

    render() {
        return (
            <div>
                { this.state.message }
            </div>
        )
    };
} 

export default hot(module)(UI);

和我的应用程序：

import UI from './UI'

class App {
    constructor() {
        this.loadUI();
    }

    loadUI() {
        this.ui = render(
            <UI/>,
            document.getElementById('app')
        )
    }
}

如何通过热加载程序包装器并访问组件中的displayMessage方法，UI如下所示：

const app = new App;
app.ui{{ ** Insert Answer ** }}.displayMessage();