React 未定义，我有一个错误连接答案

【问题标题】：React is undefined, and I have an error connectionReact 未定义，我有一个错误连接
【发布时间】：2019-03-11 07:50:18
【问题描述】：

 const { createElement} = React
 const { render } = ReactDOM

const title = createElement(
'h1',
{id: 'title', className: 'header'},
'Hello World'
 )

render(
title,
document.getElementById('react-container')
 )

HTML

    <!DOCTYPE html>
      <html lang="en">
      <head>
      <script src="https://facebook.com/react-15.1.0.js"></script>
      <script src="https://facebook.com/react-dom-15.1.0.js"></script>
      <meta charset="UTF-8">
      <title>Hello World with React</title>
      </head>
    <body>
    <div id = "react-container"></div>
    <script src = "index.js"></script>
    </body>
    </html>

当我输入我的代码时，本地主机：3000 服务器将不会加载。它说 React 是未定义的。 Here is what I'm talking about 我需要安装一些东西吗？我已经安装了 node.js，并且正在使用它，所以我有点困惑。谢谢！

P.S - 我在原始脚本中使用了 fb.me，但不得不将其更改为 facebook.com。

【问题讨论】：

请看下面的解决方案，也许它会帮助你。 stackoverflow.com/questions/32070303/…

标签： node.js reactjs

【解决方案1】：

那些*.js 链接似乎已损坏或无效。

您可以使用其他 CDN（例如 UNPKG 或 cloudflare），如下所示。（与您的代码相同，但脚本标签除外）

你可以运行下面的代码

 const { createElement} = React
 const { render } = ReactDOM

const title = createElement(
'h1',
{id: 'title', className: 'header'},
'Hello World'
 )

render(
title,
document.getElementById('react-container')
 )

<!DOCTYPE html>
      <html lang="en">
      <head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
      <meta charset="UTF-8">
      <title>Hello World with React</title>
      </head>
    <body>
    <div id = "react-container"></div>
    <script src = "index.js"></script>
    </body>
    </html>

【讨论】：