React 未定义,我有一个错误连接

Posted

技术标签:

【中文标题】React 未定义,我有一个错误连接【英文标题】:React is undefined, and I have an error connection 【发布时间】: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。

【问题讨论】:

请看下面的解决方案,也许它会帮助你。 ***.com/questions/32070303/… 【参考方案1】:

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

    https://facebook.com/react-15.1.0.js https://facebook.com/react-dom-15.1.0.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>

【讨论】:

以上是关于React 未定义,我有一个错误连接的主要内容,如果未能解决你的问题,请参考以下文章

React 16.14.0:未捕获错误 ReferenceError:未定义导出

React 项目中未定义 App.js

反应导航未定义错误

Reactjs react-google-maps 未定义

React - 未捕获的类型错误:无法读取未定义的属性“func”

React Native - __DEV__ 未定义