访问React Hot Loader包含的组件

时间:2018-03-28 04:26:33

标签: reactjs webpack webpack-hmr react-hot-loader hot-module-replacement

给出下面的根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

0 个答案:

没有答案