Reactjs 通过cdn导入模块

我刚开始从事一个使用ReactJS的项目，我是新手，我不了解React组件的结构，它看起来不像我在教程中找到的大多数示例。这几乎就是我现在从结构中得到的：

React通过下载的html文件中的Java脚本加载：

项目中的典型组件如下所示：

导出默认类ExamplePage扩展React.Component{
建造师（道具）{
超级（道具）；
this.state={}；
}
render（）{
返回示例页面

}
}

从我在教程中看到的大多数示例中，它们都是从以下内容开始的：

从“React”导入React；

为什么这里不需要？在项目中根本找不到来自npm的package.json文件，只有一个包含所有库的供应商映射

此外，我现在想使用reactstrap的输入组件，所以我从cdn下载了它：

并添加了与第一个代码段类似的引用，并将上面的render方法更改为：

render（）{
返回(
购买订单

)
}

---

但是我在控制台输出中得到“Input is not defined”（输入未定义），一旦它运行，它显然找不到组件。

从其UMD中暴露出来的

reactstrap

全局是

reactstrap

，因此您需要使用

reactstrap.Input

组件

示例

render() {
  return (
    <div>
      <p>Buy orders</p>
      <Reactstrap.Input
        type="email"
        name="email"
        className="border-right-0"
        placeholder="Enter email"
      />
    </div>
  );
}

render（）{
返回(
购买订单

);
}

文件

index.html

是否包含

babel standalone

脚本？除了第一个代码段第一行的babel之外，它似乎也是这样使用的：

babel.min.js

最有可能是。对于软件包自述中列出的一些用例来说，这是很好的，但是要使用现有的所有不同的模块是很困难的。可能值得引入一个类似Webpack的构建步骤，它允许您从“React”导入React如您所述。可能是使用UMD版本的

reactstrap

，您必须使用

reactstrap.Input

。我理解，感谢您的输入和帮助！UMD代表什么？@Lucasarefelt