时间戳

首页 > 解决方案 > 当我尝试向我的网站添加反应时没有任何反应，看起来浏览器没有检测到文件

javascript - 当我尝试向我的网站添加反应时没有任何反应，看起来浏览器没有检测到文件

问题描述

我正在尝试向我的网站添加反应，但没有任何反应。我看不出哪里出错了。

该网站是使用 HTML 构建的，我正在添加对它的反应

这是我的代码：

<div id="goalsReact"></div>

<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script type="text/babel" src="js/goals.js"></script>
<script src="js/scripts.js"></script>
<script type="text/jsx">
    ReactDOM.render(
        <Goals />,
        document.getElementById('goalsReact');
    );
</script>

标签： javascriptreactjs

解决方案

为了在您的 HTML 文件中使用 JSX，就像您正在做的那样，您需要添加 babel 以将您的代码转换为常规 JavaScript：https://reactjs.org/docs/add-react-to-a-website。 html#quickly-try-jsx

这是一个演示：https ://codesandbox.io/s/stack-overflow-jsx-in-html-p7nnk?file=/index.html

推荐阅读