如何在Create React App上下文之外利用ReactDOM或React?

时间:2019-06-19 01:07:57

标签: reactjs ecmascript-6 create-react-app

在使用Create React App构建工具时,我试图以延迟的方式渲染React组件(在其他Javascript已经完成运行之后),但是我不知道如何在外部访问React或ReactDOM因为我想在ES6和Create React App管道之外触发渲染调用。

“ Create React App”上下文显然使用了ES6,并且没有像传统的<script>标签方法那样设置全局变量,因此调用ReactDOM.renderReact.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> 符合预期

https://codesandbox.io/s/distracted-river-1ei94

0 个答案:

没有答案