React引入脚本遇CORB阻塞问题求助：无法渲染组件

问题根源及修复步骤： #

• CORB报错原因：你用的React引入URL里带了browse，这个路径指向unpkg的文件浏览页面（HTML格式），不是直接的JS资源，浏览器会因为跨域资源阻止策略拒绝加载，把browse去掉即可。
• 渲染参数错误：ReactDOM.render的参数顺序搞反了，第一个参数是要渲染的React元素，第二个才是挂载的DOM容器，你把容器当成了组件props传进去了。
• React属性名错误：React里给元素加类名要用className，不是原生的class，否则不会生效。

修正后的完整代码： #

<body>
    <div id="root">React is NOT rendered</div>
    <script src="https://unpkg.com/react@18.0.0-rc.0/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@18.0.0-rc.0/umd/react-dom.development.js"></script>
    <script>
      const App = () => {
        return React.createElement("div", {}, [
          React.createElement("h1", { className: "title" }, "React IS rendered"),
        ]);
      };

      // React 18兼容写法
      ReactDOM.render(
        React.createElement(App), 
        document.getElementById("root")
      );

      // 或者用React 18推荐的createRoot写法：
      // const root = ReactDOM.createRoot(document.getElementById("root"));
      // root.render(React.createElement(App));
    </script>
</body>

内容的提问来源于stack exchange，提问作者Pedro Vasconcelos