给出下面的根React组件:
**注意react hot loader export语句 .
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')
)
}
}
如何通过热加载器包装器访问 UI
组件中的 displayMessage
方法,如下所示:
const app = new App;
app.ui{{ ** Insert Answer ** }}.displayMessage();