在使用Create React App构建工具时,我试图以延迟的方式渲染React组件(在其他Javascript已经完成运行之后),但是我不知道如何在外部访问React或ReactDOM因为我想在ES6和Create React App管道之外触发渲染调用。
“ Create React App”上下文显然使用了ES6,并且没有像传统的<script>
标签方法那样设置全局变量,因此调用ReactDOM.render
或React.createElement
会导致{ {1}}。
如何在Uncaught ReferenceError: ReactDom is not defined
中设置Create React App生成的index.html文件以访问顶级API?
为演示此错误,我分叉了基本的Create React App的codeandbox.io示例,并将该行添加到正文底部的index.html中:
public
如果您加载此示例,则会看到<script>
ReactDom.render(
React.createElement(App),
document.getElementById("root")
);
</script>
符合预期