Javascript 向普通JS文件添加react组件

我目前的目标是通过使用npm模块使天气小部件工作。这是一个React组件，这是我以前从未使用过的组件

我使用了npm模块提供的CDN，但除此之外，我不知道如何“启用”我的JS文件来读取React组件，或者如何集成它。我以前尝试过这个链接（）来询问这里的问题，但内容开始中断（请参阅下面的代码片段）

问题是，我不知道如何与React合作，我把事情搞砸了。这就是我现在向你们求助的原因：有谁有经验可以帮助我

以下react组件是按城市名称加载今日天气数据的方式：

<ReactWeather
    forecast="today"
    apikey="bdb591c14b9e4a079623b1a838313888"
    type="city"
    city="Copenhagen"
/>

---

默认情况下，JavaScript不理解JSX语法。您可能会错过此文档：

请添加脚本并重试

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

---

注意：不要在生产中使用此脚本，因为它可能会减慢应用程序的速度。要在生产中使用，请参阅文档

尝试此步骤以使用jsx组件。@StefanWang请参阅我问题最后一部分中更新的代码段和控制台错误Hi Pat，感谢您的输入。我已经阅读了这篇文章并运行了命令，但我仍然不明白为什么我的React组件在控制台中抛出错误。我是否必须以不同的方式来编写代码段？

'use strict';

React.createElement(ReactWeather, {
    forecast: "today",
    apikey: "bdb591c14b9e4a079623b1a838313888",
    type: "city",
    city: "Copenhagen"
});

ReactDOM.render(
    document.getElementById('weather')
);

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>