给出下面的根React组件:
**注意react hot loader export语句。
env:
- name: HOSTNAME
valueFrom:
fieldRef:
fieldPath: metadata.name
# or "status.hostIP" or "spec.nodeName" etc
- name: NRIA_DISPLAY_NAME
value: abc-$(HOSTNAME)
和我的应用:
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