Question

反应帮助：尝试构建一个非常基本的React样板，因为对于某些基本实践而言，执行Create-React-App似乎有些过头。在这个仓库中有两个样板文件，第二个可以工作，但是所有代码都放在一个文件中。第二个文件指向start.js作为应用程序组件，但是当我在浏览器中运行它时，什么都没有出现。我忽略了什么，我看过其他几个样板，而且似乎并没有做任何不同的事情。

https://git.generalassemb.ly/AlexMerced/PracticeRepo/tree/master/react

Answer 1

您正尝试import React from "react"不存在。在独立版本中，我认为您将获得全局React和ReactDOM对象。您可以使用它们来渲染组件。从下面的start.js编辑代码中删除导入语句。

class Greeting extends React.Component {
  render() {
    return <p>Hello world</p>;
  }
}
ReactDOM.render(<Greeting />, document.getElementById("start"));

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>React Boilerplate</title>



  </head>
  <body>
    <div id="start"></div>
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="https://unpkg.com/@babel/standalone@7.6.2/babel.min.js"></script>
    <script type="text/babel" src="./start.js"></script>

  </body>
</html>

创建一个简单的React CDN样板？

1 个答案: